Skip to content

Instantly share code, notes, and snippets.

@crshmk

crshmk/index.html

Created April 25, 2024 03:07
Show Gist options
  • Save crshmk/5dea5405138977bee9f47a7ec2ca1f07 to your computer and use it in GitHub Desktop.
Save crshmk/5dea5405138977bee9f47a7ec2ca1f07 to your computer and use it in GitHub Desktop.
Download ZIP
SVG with border radius
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVG with border radius</title>
</head>
<body>
<svg width="400" height="400" viewBox="0 0 400 400">
<defs>
<clipPath id="borderRadius">
<circle cx="200" cy="200" r="200"/>
</clipPath>
</defs>
<image
href="https://source.unsplash.com/random/400x400"
width="400"
clip-path="url(#borderRadius)"
/>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment