Как заострить углы в css

Question

Как заострить углы в css

Владислав Федоров Ученик (107), на голосовании 7 месяцев назад

Никак не могу понять как сделать острые углы, как в макете, может кто то знает?

Answer 1

найди в профайлере кусок кода и убери радиус или пред определи для конкретного объекта своим свойством

Answer 2

В макете углы "скругленные". Заострять их не нужно, угол по определению "заострен".
Скругление угла - CSS border-radius : процент скругления
А если имеются в виду "срезанные углы", то там на этот блок в местах этих углов накладываются треугольники с прозрачным фоном. Вроде так

Answer 3

Вот принцип, как делать такие углы:

Answer 4

.container {
width: 300px;
height: 200px;
background-color: yellow;
position: relative;
overflow: hidden;
clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
}