/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

101 votes189 views6 answers
Adding images to html
Html
0 vote180 views1 answer
Jawaban 1
Html
2 votes159 views2 answers
Curl html file
Html
2 votes182 views1 answer
How to make form not reload page
Html
0 vote182 views1 answer
Fafa login icons html code
Html
0 vote165 views1 answer
Html add vertical space below
Html
2 votes181 views1 answer
Html table line break
Html
6 votes186 views1 answer
Html tag shows text from one side to another
Html
1 vote179 views1 answer
Vuetify row center vertically
Html
1 vote164 views4 answers
Semantic ui
Html

Share