Border-radius генератор

v.1.1.1

border-top-left-radius: 0px;

border-top-right-radius: 0px;

border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

CSS

BORDER-RADIUS ГЕНЕРАТОР

Одной из самых больных тем верстальщиков являются скругление уголков. В последнее время ситуация улучшается и браузеры потихоньку начинают поддерживать столь востребованные CSS-свойства. FF, Safari, Chrome делают это через свойства с своими особыми префиксами, Opera — скоро будет делать без префиксов. В стороне у нас стоит, как всегда, IE.
С легкостью создавайте border-radius используя border radius CSS генератор .Фактически оно задает радиус закругления рамки элемента. Если у него нет рамки, то применяется для фона. Введите желаемую кривую для каждого угла и мгновенно получите код.

Пример
Это сокращенное свойство, которое позволяет вам определять:
border-top-left-radius,
border-top-right-radius,
border-bottom-right-radius,
border-bottom-left-radius.

CSS Пример радиуса границы
border-radius: 30px;
border-radius: 25% 10%;
border-radius: 10% 30% 50% 70%;
border-radius: 10% / 50%;
border-radius: 10px 100px / 120px;
border-radius: 50% 20% / 10% 40%;

Префиксы браузеров:
- Safari, Yandex, Chrome: -webkit-
- Mozilla Firefox: -moz-
- Konqueror: -khtml-
- Internet Explorer: -ms-

Свойство border radius генератор CSS может быть определено:

Одно, два, три или даже четыре значения длины () или процентов (). Эти значения используются для обозначения радиуса кривизны для каждого угла. Затем, необязательно, косую черту (/), за которой следует одно, два, три или четыре значения длины или процента, которые позволяют определить дополнительный радиус кривизны для создания эллиптических углов.

Reactive CSS поможет Вам в кроссбраузерных решениях, желаем приятного использования кроссбраузерного CSS border radius генератора!

Контакты

Владислав Чумак