/Html/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

1 vote146 views1 answer
Reset form in react
Html
1 vote155 views1 answer
Ngclass else
Html
68 votes151 views5 answers
How to add a image file in html
Html
0 vote211 views1 answer
Html loading but not showing up
Html
-1 vote148 views1 answer
Html entity close
Html
9 votes158 views1 answer
Select all instances vscode
Html
8 votes133 views1 answer
Jquery load data
Html
1 vote152 views1 answer
How to leave an empty row in html table
Html
1 vote145 views1 answer
Html input price
Html
8 votes217 views2 answers
Numbered list bootstrap
Html

Share