Регистрация
20 Май 2013
Сообщения
95
Репутация
0
Спасибо
0
Монет
0
Никак не могу понять как сделать острые углы, как в макете, может кто то знает?
299709912_e09409664555b9ea57676fcc1609da0a_240x240.png

299709912_5acbd3cecd9e66912586914c62533b49_240x240.png

 
найди в профайлере кусок кода и убери радиус или пред определи для конкретного объекта своим свойством
 
В макете углы "скругленные". Заострять их не нужно, угол по определению "заострен".
Скругление угла - CSS border-radius : процент скругления
А если имеются в виду "срезанные углы", то там на этот блок в местах этих углов накладываются треугольники с прозрачным фоном. Вроде так
 
.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%);
}
 
Вот принцип, как делать такие углы:
div {
width:300px; height:200px;
background-color:#CCFF00;
-webkit-clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 20%);
clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 20%);
}

 
Назад
Сверху