/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 vote334 views1 answer
Vuejs conditional rendering paragraph not working
Html
1 vote329 views1 answer
Tailwind border width
Html
1 vote262 views1 answer
Info icon html
Html
0 vote302 views1 answer
Eleventy collection get url
Html
0 vote342 views1 answer
How to disable tabindex
Html
1 vote327 views1 answer
Ng-src
Html
0 vote290 views1 answer
HTML5 Video tag not working Safari iPhone iPad video webpage supported
Html
153 votes295 views6 answers
Open new tab html
Html
0 vote330 views1 answer
How to call parent method from child component
Html
1 vote320 views1 answer
Html select color
Html

Share