/CSS/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 vote236 views3 answers
Bulma lowercase
CSS Bulma
0 vote169 views2 answers
What is the request payload in jaavascript fetch
CSS
0 vote140 views1 answer
Add textcontent on hover
CSS
0 vote134 views1 answer
How to set the scroll in bootstrap4 table body
CSS
0 vote124 views1 answer
Adding a script tag with Helmet
CSS
68 votes151 views6 answers
Add css file in html
CSS
0 vote121 views2 answers
Gray scale css
CSS
0 vote114 views1 answer
Putting an object in front of a page javascript
CSS
0 vote91 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS
0 vote87 views2 answers
Tailwind.min.css cdn
CSS

Share