/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

2 votes308 views1 answer
Get directions google maps html
Html
0 vote315 views1 answer
2 button component in single row vuetify
Html
2 votes320 views2 answers
Clear input file html react
Html
14 votes328 views1 answer
Whitespace in html
Html
0 vote332 views1 answer
Muted not working in video tag angular
Html
0 vote296 views1 answer
Html url tel:0936203838
Html
1 vote339 views1 answer
Difernce between innertextand neer html
Html
1 vote294 views1 answer
Nuxt else if
Html
0 vote327 views1 answer
Icon for right arrow
Html
0 vote345 views1 answer
How to call parent method from child component
Html

Share