/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

1 vote248 views2 answers
Tailwind text opacity
Html
0 vote220 views1 answer
Fab fa-instagram circle-icon
Html
101 votes213 views6 answers
Align items center bootstrap
Html
1 vote202 views1 answer
Custom checkbox with image css
Html
0 vote160 views2 answers
V-for example
Html
0 vote217 views1 answer
Boostrap thymeleaf modal
Html
10 votes187 views6 answers
Bootstrap 5 tab
Html
0 vote226 views1 answer
Image carousel output
Html
0 vote277 views1 answer
Bsc chain rpc
Html
-2 votes199 views2 answers
How to add a logo in html
Html

Share