Skip to main content

Return to Question

edited title
Link
Temani Afif
Temani Afif
  • 280k
  • 30
  • 378
  • 503

CSS Rounded image shape using clip-path

Post Reopened by Temani Afif, The fourth bird, TylerH
edited tags
Link
Temani Afif
Temani Afif
  • 280k
  • 30
  • 378
  • 503
added 1 character in body; edited tags; edited title
Source Link
Temani Afif
Temani Afif
  • 280k
  • 30
  • 378
  • 503

CSS image shape using clippathclip-path

I want to have css clip-path like the below image

can someone help me

enter image description here

img {
  clip-path: polygon(53% 0%, 100% 1%, 100% 50%, 100% 100%, 55% 100%, 42% 65%, 0% 52%, 44% 36%);
  border-radius:0 100% 100% 0
}
<img src="http://lorempixel.com/400/400/">
img {
  clip-path: polygon(53% 0%, 100% 1%, 100% 50%, 100% 100%, 55% 100%, 42% 65%, 0% 52%, 44% 36%);
  border-radius:0 100% 100% 0
}
<img src="http://lorempixel.com/400/400/">

CSS image shape using clippath

I want to have css clip-path like the below image

can someone help me

enter image description here

img {
  clip-path: polygon(53% 0%, 100% 1%, 100% 50%, 100% 100%, 55% 100%, 42% 65%, 0% 52%, 44% 36%);
  border-radius:0 100% 100% 0
}
<img src="http://lorempixel.com/400/400/">

CSS image shape using clip-path

I want to have css clip-path like the below image

can someone help me

enter image description here

img {
  clip-path: polygon(53% 0%, 100% 1%, 100% 50%, 100% 100%, 55% 100%, 42% 65%, 0% 52%, 44% 36%);
  border-radius:0 100% 100% 0
}
<img src="http://lorempixel.com/400/400/">

Post Closed as "Needs more focus" by C3roe, Brian Tompsett - 汤莱恩, greg-449
added 1 character in body
Source Link
Temani Afif
Temani Afif
  • 280k
  • 30
  • 378
  • 503
added 361 characters in body
Source Link
Temani Afif
Temani Afif
  • 280k
  • 30
  • 378
  • 503
Source Link
Suresh R
Suresh R
  • 71
  • 2
  • 10