/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 vote113 views1 answer
Collapsible accordion html+css only
Html
3 votes108 views1 answer
Svg xmlns
Html
0 vote101 views1 answer
RouterLinkActive in dropdown main text
Html
46 votes110 views5 answers
Html text color tag
Html
3 votes118 views4 answers
How to right align a text button
Html
0 vote104 views1 answer
Font awesome show password icon
Html
12 votes106 views2 answers
Placeholder in html select
Html
2 votes99 views2 answers
How to make circle button in bootstrap
Html
108 votes136 views6 answers
What is padding in html
Html
6 votes100 views1 answer
Html aside
Html

Share