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

Improve this question
2
  • from the duplicate: stackoverflow.com/a/65504085/8620333 Commented Aug 20, 2022 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. Commented Aug 21, 2022 at 22:46
Related questions
2133
How to auto-resize an image while maintaining aspect ratio
1749
How to vertically align an image inside a div
1436
How do I combine a background-image and CSS3 gradient on the same element?
Load 4 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.