/Html/Css make bottom of the div triangle

Css make bottom of the div triangle

Css make bottom of the div triangle

.clipped {
  clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 50% 90%, 0 70%, 0 0);
}

img {
  max-width: 100%;
  width: 100%;
}

0

Source: stackoverflow.com

Css make bottom of the div triangle

<div class="clipped">
  <img src="https://loremflickr.com/1280/720">
</div>

0

Source: stackoverflow.com

Similar codes

0 vote127 views1 answer
How to triger multiple function in html
Html
43 votes137 views4 answers
Multiline comment html
Html
0 vote124 views1 answer
Angular function in html
Html
24 votes134 views2 answers
W3schools meta tag
Html
0 vote134 views1 answer
Js download html
Html
6 votes134 views2 answers
Add tab icon html
Html
2 votes130 views2 answers
Html with emoji
Html
10 votes125 views2 answers
Get input value on button click javascript
Html
4 votes143 views1 answer
Html input autofocus
Html
6 votes132 views3 answers
Bootstrap 5 horizontal rule
Html

Share