/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 vote170 views1 answer
Vue src string concatenation
Html
1 vote178 views1 answer
Mobvoi.com
Html
-1 vote133 views2 answers
Slider html css
Html
0 vote144 views1 answer
How to create fourm html
Html
-3 votes138 views3 answers
How to use a heading in html
Html
10 votes165 views2 answers
Lodash cdn
Html
-1 vote198 views1 answer
Dropdown forms in bootstrap
Html
0 vote142 views1 answer
Cannot play media. no decoders for requested formats: text/html
Html
1 vote148 views2 answers
How to add a paragraph in html
Html
1 vote152 views1 answer
How to set canvas on background html
Html

Share