/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

2 votes233 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote251 views1 answer
Add shadowto container
CSS
0 vote233 views1 answer
Css accordian triangle
CSS
0 vote232 views1 answer
How to override bootstrap css in wordpress
CSS
1 vote233 views1 answer
Rotate favicon css
CSS
0 vote223 views2 answers
Writing mode css
CSS
1 vote232 views1 answer
How to make a relative div not take up space
CSS
0 vote224 views1 answer
Long text coming out of the block
CSS
0 vote225 views1 answer
Make all elements in a div share same css
CSS
13 votes222 views4 answers
Scss transition mixin
CSS

Share