0

I have the image below. How can I add rounded corner to a polygon image clip like this?

img {
  max-width: 400px;
  clip-path: polygon(0% 0%, 50% 0, 89% 50%, 50% 100%, 0% 100%);
  border-radius: 8px;
}
<img class="img-fluid" src="https://placeimg.com/500/400/nature">

enter image description here

halfer
  • 19,824
  • 17
  • 99
  • 186
Behseini
  • 6,066
  • 23
  • 78
  • 125
  • from the duplicate: https://stackoverflow.com/a/65504085/8620333 – Temani Afif Aug 20 '22 at 15:20
  • Behseini: I often make edits to your posts to improve the language a bit. Specifically, it always sounds like you are begging for someone else to take action, rather than to ask how you can do it. I wonder if you are trapped by **learned helplessness**, which may explain why you do not show any effort in your posts, or why you do not search for possible duplicates prior to posting. – halfer Aug 21 '22 at 22:46

0 Answers0