/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

14 votes296 views3 answers
Preview image before upload
Html
0 vote315 views1 answer
Element is no longer attached to DOM. Unable to animate.
Html
0 vote294 views1 answer
Bootstrap 2 rows menu
Html
0 vote309 views1 answer
Onclick nothing
Html
0 vote297 views1 answer
Disable form first dropdown option
Html
20 votes289 views5 answers
Html text decoration
Html
0 vote301 views1 answer
How to make windows pop up in html
Html
0 vote302 views3 answers
Smarty print html
Html
4 votes322 views1 answer
Installation of ionicons
Html
20 votes272 views2 answers
Script src tag in html
Html

Share