/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 vote146 views1 answer
Google web fonts open sans
Html
8 votes166 views2 answers
How to display Base64 images in HTML?
Html
0 vote249 views2 answers
How to print hello world in html
Html
0 vote157 views1 answer
Page html exemple
Html
4 votes141 views3 answers
Composer new laravel
Html
1 vote148 views1 answer
Viewport no scale user
Html
0 vote181 views1 answer
Docx to html converter
Html
0 vote145 views4 answers
Bootstrap starter template
Html
0 vote148 views1 answer
Javascript how to set a textbox value to nothing
Html
0 vote143 views2 answers
Angular raw html
Html

Share