#container {
-webkit-border-radius: 4px 3px 6px 10px;
-moz-border-radius: 4px 3px 6px 10px;
-o-border-radius: 4px 3px 6px 10px;
border-radius: 4px 3px 6px 10px;
}

/* альтернативный синтаксис введен в каждую строку */
#container {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 10px;
 
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 10px;
}

Большинство разработчиков знакомы с синтаксисом закругленных углов CSS3. А как вам нравится назначение для каждого угла разных значений? Сохраните этот кодовый фрагмент и никогда больше не столкнетесь с этой проблемой! Я включил как сжатую версию, так и более длинную базовую, где каждый радиус угла разделяется на разное свойство.

Добавлено: 12 Апреля 2018 06:46:29 Добавил: Андрей Ковальчук Нравится 0

Добавить