Для создания нестандартных форм скруглений веб-элементов можно использовать CSS-свойство border-radius. 23 С его помощью можно задавать скругление для всех углов элемента одновременно или для каждого угла по отдельности, а также использовать эллиптические значения для получения более сложных форм. 2
Некоторые возможности свойства:
- Индивидуальное задание углов. 2 Значения указываются по часовой стрелке, начиная с верхнего левого угла. 2 Можно использовать сокращённые записи: если задать два значения, первое применяется к верхнему левому и нижнему правому углам, а второе — к верхнему правому и нижнему левому. 2
- Эллиптические углы. 2 Чтобы задать разные значения для горизонтального и вертикального скругления, можно использовать синтаксис с косой чертой. 2 Значения до косой черты задают горизонтальное скругление, а после — вертикальное. 2
- Скругление в процентах. 5 Проценты берутся от сторон, образующих угол. 5 Например, если для левого нижнего угла указать 10%, то на скругление уйдёт 10% нижней части рамки и 10% левой части рамки. 5
Кроме того, для создания скруглений можно использовать генераторы круглых краёв, например RoundedCornr, Spiffy Corners, Spanky Corners. 1