/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

43 votes291 views3 answers
Html structure
Html
3 votes318 views1 answer
No cache html
Html
17 votes296 views1 answer
Add tabs html
Html
2 votes371 views6 answers
Django template truncate html
Html
0 vote345 views1 answer
Devexpress aspxdatagridview set column alignment
Html
0 vote315 views2 answers
Serve images in nextgen formats webp
Html
23 votes297 views5 answers
Meta description tag in html
Html
63 votes313 views4 answers
Html form tag
Html
0 vote304 views1 answer
Canvas drawImage wrong size image
Html
0 vote313 views1 answer
Phone fa
Html

Share