/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

0 vote102 views1 answer
Html align svg to text
CSS
20 votes116 views2 answers
Css disable selection
CSS
7 votes110 views3 answers
Italic in css
CSS
0 vote111 views1 answer
How to remove default padding of div
CSS
-1 vote110 views1 answer
Css div bottom of parent
CSS
0 vote105 views1 answer
Css pseudo-class no children
CSS
16 votes108 views4 answers
Full page background image in html
CSS
0 vote112 views1 answer
How to use css without brackets
CSS
0 vote123 views1 answer
Css tr border radius
CSS
0 vote147 views1 answer
Separar letras en css
CSS

Share