/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

3 votes289 views1 answer
Color selector html
Html
0 vote334 views1 answer
Javascri
Html
2 votes318 views1 answer
Ion datetime interval 30 minutes
Html
1 vote292 views1 answer
Best meta tags
Html
15 votes290 views2 answers
Html radio only one checked
Html
33 votes271 views5 answers
Underline text html
Html
5 votes319 views1 answer
Input field with dropdown selection
Html
1 vote305 views1 answer
Getproductpricehtml magento 2
Html
0 vote298 views1 answer
Bootstrap 4.6 add to css
Html
0 vote299 views1 answer
Not allow decimal in input type number
Html

Share