/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

9 votes317 views4 answers
Boostrap grid
Html
0 vote326 views1 answer
Where to store nft art
Html
0 vote324 views1 answer
Page html vierge
Html
4 votes382 views1 answer
Test image as base 64 string
Html
7 votes359 views5 answers
Jupyter notebook theme
Html
0 vote338 views3 answers
Dropzone
Html
0 vote317 views1 answer
Display div while load
Html
1 vote315 views1 answer
Space character in react html
Html
39 votes372 views3 answers
Autocomplete off not working in chrome
Html
0 vote317 views1 answer
<a href="#"><div class="fab fa-instagram"></i></a>
Html

Share