/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 votes142 views5 answers
How to make image a link html
Html
-1 vote122 views2 answers
Html sound autoplay
Html
101 votes126 views6 answers
Align items center bootstrap
Html
0 vote139 views1 answer
Html maintain text in one line
Html
34 votes121 views2 answers
Disable form input autocomplete
Html
8 votes122 views2 answers
Html rupee symbol
Html
0 vote127 views1 answer
Word count alpine js
Html
0 vote115 views2 answers
Pignose Calender
Html
16 votes116 views2 answers
Html link to download file
Html
1 vote131 views1 answer
Html i tag
Html

Share