/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

7 votes145 views2 answers
Make all images same size css
CSS
0 vote143 views1 answer
Grandezza caratteri css
CSS
0 vote142 views1 answer
Alternate color on two consecutive rows
CSS
0 vote139 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
9 votes125 views2 answers
Textview center text
CSS
2 votes135 views2 answers
Why is my footer not at the bottom html
CSS
12 votes224 views2 answers
How to center element in bulma
CSS Bulma
0 vote134 views1 answer
How to add a photo using css beside a paragraph in html
CSS
0 vote137 views2 answers
Background shrinks when responsive
CSS
0 vote159 views1 answer
Adding a perfect responsive background image
CSS

Share