/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

25 votes263 views6 answers
Navbar bootstrap
Html
1 vote284 views1 answer
Laravel blade remove all html tags
Html
1 vote317 views2 answers
Cshtml foreach display
Html
-1 vote293 views1 answer
Mask
Html
9 votes271 views2 answers
How to send html file with express
Html
0 vote254 views2 answers
Background music html autoplay hidden
Html
1 vote268 views1 answer
How to add image caption in markdwon
Html
0 vote270 views1 answer
How to add background video in html
Html
3 votes249 views2 answers
How to make a horizontal navigation bar in html
Html
0 vote273 views1 answer
How sat drop down list in bootstrap 4 like a row and column
Html

Share