Одно из самых распространенных параметров CSS3 - это border-radius. Веб дизайнерам больше не нужно использовать талицы со сложной структурой и специальную графику, чтобы создавать дизайн с закругленными углами. Используйте CSS3 border-radius, чтобы сделать углы закругленными!
CSS3Menu генерирует следующий код для border-radius:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;
Ниже скриншот из Firefox, демонстрирующий эффект закругленных углов:
Параметр border-radius поддерживается следующими браузерами: Webkit (с Safari 3+), Opera 10.5, Firefox 3.5.
Смотри также:
Закругленные углы CSS3,
Тень CSS3,
Анимация CSS3,
Тень текста CSS3,
CSS3 Градиент,
Анимированное CSS3 меню
Прямоугольные формы - это скучно. С появлением графических интерфейсов программисты постоянно думают над созданием прекрасных закругленных углов на экране без чрезмерной нагрузки на память компьютера.
Вы будете удивлены, как сильно что-то простое, вроде закругленных углов на кнопках, может изменить восприятие сайта пользователями. Меню - одна из первых вещей, на которую обращают люди внимание, посещая сайт, и это впечатление как сознательно, так и бессознательно влияет на их дальнейшие решения. Гладкие и закругленные углы придают дружелюбие и доступность, что очень важно, если Вы хотите, чтобы новые посетители остались на Вашем сайте.