/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

0 vote319 views1 answer
<i class="fa fa-tag"></i> fontawesome
Html
5 votes312 views2 answers
Html table span 2 rows
Html
0 vote313 views1 answer
Html not showing image with full path
Html
1 vote328 views1 answer
Change font size of input text html
Html
0 vote413 views3 answers
Removing specific row with button html
Html
0 vote337 views1 answer
Resize element with content html
Html
2 votes324 views1 answer
Html how to move element to the bottom right of page
Html
1 vote318 views1 answer
Html pallete
Html
0 vote339 views1 answer
Html picture unpressable
Html
1 vote356 views1 answer
Accept vedio pdf files upload html
Html

Share