/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

80 votes120 views6 answers
Add css file to html
CSS
0 vote95 views1 answer
Rotate font css 90º
CSS
11 votes108 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote97 views1 answer
Padding bottom and top css in same ligne
CSS
3 votes95 views1 answer
How to make a backgroud image with no repeat in html
CSS
0 vote108 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
0 vote205 views1 answer
Box style
CSS
13 votes107 views4 answers
Cursor pointer events none
CSS
3 votes108 views2 answers
Set css to default
CSS
22 votes105 views4 answers
Grid center align
CSS

Share