Круглые углы при помощи CSS3 border-radius

Круглые углы при помощи CSS3 border-radius

Автор: alexnjoy | Категория: Web Design | Комментарии: 22 | 21-03-2010

В интернете уже давно просматривается тенденция использования закругленных элементов дизайна сайтов и блогов. Возможно вы не обращали своё внимание на это, но присмотритесь и вы увидите кнопки с закругленными углами, рамки с закругленными углами, сайдбар с закругленными элементами и боксами... Раньше все эти элементы дизайна создавались при помощи готовых картинок углов, нарисованных в фотошопе круглых кнопок или при помощи скриптов. С появлением CSS3 все стало намного легче.

Сегодня я напишу про свойство CSS3 — border-radius (css3 радиус рамки / css3 радиус границы). При помощи CSS3 border-radius вы сможете создать очень популярный эффект закругленных углов для ваших кнопок, рамок и боксов, используя лишь CSS, никаких картинок и скриптов ненужно. читать далее »

Создаем кнопки при помощи  CSS3 и RGBA

Создаем кнопки при помощи CSS3 и RGBA

Автор: alexnjoy | Категория: Web Design | Комментарии: 8 | 25-02-2010

Тэги: , , ,

Обожаю CSS3. Одна из моих любимых функций в CSS3 — добавление RGBA, цветовой режим, который добавляет альфа-смешивания. Убив не мало времени, изучая эти функции css3 и испытывая их на своих проектах, я научился создавать красивые кнопки при помощи css3 и RGBA. Чтобы показать вам возможности css3, я создал для вас пару примеров кнопок в css3. читать далее »

Тень от текста при помощи CSS3

Тень от текста при помощи CSS3

Автор: alexnjoy | Категория: Web Design | Комментарии: 6 | 19-06-2009

Для создание красивых заголовков вам больше не нужен Photoshop, теперь у вас есть CSS3, теперь к тексту можно приклеить тень при помощи маленького кусочка кода, который нужно присвоить классу вашего текста. читать далее »