Css

.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>

PREVIOUS	NEXT

Code Example
Css :: css how to make text italic
Css :: hr vertical en html
Css :: alert without page refresh
Css :: css border styles
Css :: mb bootstrap
Css :: text shadow css generator
Css :: change the weight of a bold font css
Css :: apply margin to all child elements
Css :: resize any element in CSS
Css :: css make ul on multiple lines
Css :: @font-face
Css :: hide navbar css
Css :: text color css
Css :: css grid vs flexbox
Css :: css button style rectangle
Css :: materialize css form file input
Css :: mixin parameters
Css :: how to make a link into normal text css
Css :: Heart Shape Html And Css
Css :: multer buffer undefined
Css :: css radial gradients
Css :: css negative padding
Css :: Simple example of using bootstrap
Css :: scss color loop
Css :: trim background image css
Css :: adding quotes css
Css :: registration form in tailwind css
Css :: css color codes
Css :: css mask cut diagonal
Css :: hover