/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 vote185 views1 answer
Bootstrap 4 form input group
Html
32 votes163 views6 answers
Border class bootstrap
Html
0 vote151 views2 answers
Jquery get value of input submit
Html
0 vote147 views2 answers
Json to html table
Html
15 votes162 views3 answers
Img tag
Html
84 votes158 views6 answers
Html favicon tag
Html
0 vote181 views1 answer
How to summon an entity with a tag
Html
19 votes171 views1 answer
Font tag html
Html
0 vote161 views1 answer
Tailwind ul list type
Html
0 vote138 views1 answer
HTML Column Maker - Bootstrap
Html

Share