crshmk · April 25, 2024 03:07
diff --git a/index.html b/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>
	<!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>