/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 vote166 views2 answers
Bootstrap 5 carousel disable autoplay
Html
1 vote170 views2 answers
How to add a paragraph in html
Html
1 vote120 views3 answers
Copywrite in html
Html
3 votes163 views2 answers
Ion select
Html
0 vote171 views1 answer
How to put autoplay music in the background of the page html
Html
3 votes148 views1 answer
How do i make a line in html
Html
3 votes160 views3 answers
Ion button
Html
0 vote158 views1 answer
Removing leading whitespace from indented HTML source in pre/code tags
Html
5 votes174 views3 answers
Ico html
Html
41 votes170 views6 answers
Jquery append html
Html

Share