/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

4 votes307 views2 answers
Css blink
CSS
0 vote353 views3 answers
Sass color functions
CSS
19 votes315 views6 answers
Css text border
CSS
0 vote330 views1 answer
Ul reset
CSS
71 votes337 views6 answers
Css center image
CSS
0 vote312 views1 answer
Materialize css icon
CSS Materialize
23 votes338 views6 answers
Css circle
CSS
0 vote376 views1 answer
Responsive css webpage code
CSS
1 vote343 views2 answers
Css ios disable zoom
CSS
0 vote314 views1 answer
How to install tailwind css in html
CSS

Share