/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 votes281 views1 answer
How to stop an image repeating in css
CSS
2 votes307 views1 answer
Css image overflow
CSS
0 vote301 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
2 votes325 views1 answer
Table overflow not working
CSS
0 vote296 views1 answer
Font-strech css
CSS
0 vote308 views1 answer
Image css in box
CSS
1 vote252 views1 answer
Outside padding css
CSS
4 votes296 views1 answer
Height 100% of the screen
CSS
1 vote291 views1 answer
Spaces between letters css
CSS
0 vote361 views1 answer
Css inherit class
CSS

Share