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%;
}

<div class="clipped">
  <img src="https://loremflickr.com/1280/720">
</div>

Similar codes

0 vote156 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
0 vote139 views1 answer
@page css
CSS
3 votes162 views2 answers
Set css to default
CSS
1 vote158 views2 answers
Put a border only on bottom
CSS
4 votes161 views1 answer
Footer at bottom of body
CSS
0 vote158 views1 answer
Purgecss cli
CSS
7 votes148 views2 answers
Css font families
CSS
0 vote159 views1 answer
Html same width as parent
CSS
18 votes180 views8 answers
Vscode
CSS
0 vote269 views1 answer
Css remove scrollbar from body
CSS