Hello. Tell me, please, is there a function like border-radius , but not to round it off, but to make the corners sharp.

Closed due to the fact that the essence of the question is not clear to the participants of the Bald , Kromster , Denis , aleksandr barakin , lexxl Aug 15 '16 at 7:08 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • How do you imagine that? ) - Konstantin Basharkevich
  • @ Konstantin Basharkevich This is how ... prntscr.com/c5nb5i - Sasha Osipov

1 answer 1

 .example { width: 50px; height: 50px; background: #111; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%); clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%); } 
 <div class="example"></div> 

https://css-tricks.com/almanac/properties/c/clip/

http://bennettfeely.com/clippy/

  • The example does not work in firefox - mJeevas