Стилизация формы при помощи CSS3

Стилизация формы при помощи CSS3 desing-studio.ru

В этом уроке я расскажу, как, используя CSS3, сделать веб-форму более приятной на вид. Урок включает: закругленные углы CSS, тени CSS на полях ввода, вставка изображений в поле ввода, эффект наведения.
« Комментарии

Похожие анонсы

Тени в css3 @ 15.03.2013 08:47
За последние 2-3 года методы создания сайтов значительно изменились. Сегодня все современные браузеры умеют понимать стандарты HTML5/CSS3. В спецификации CSS3 тоже появилось много изменений. Это касается и тени в css3. На сегодня такие элементы как закругленные углы, тени для блока, фоновые градиенты можно создавать, используя только CSS3.
Красивые подсказки на CSS3 @ 15.09.2011 13:04
Добрый день, сегодня хочу представить вам урок по созданию простых подсказок на CSS3 которые очень красиво будут смотреться на сайте и при этом нести огромную помощь, помогая пользователям понять смыл термина или слова. При оформлении бокса с подсказками используются основные свойства CSS3: градиенты, закруглённые углы, тени. Можно конечно обойтись без них, но будет не так красиво смотреться.
CSS3 vs. Photoshop: закругленные углы и тени блока. @ 04.09.2011 15:41
в этом учебнике мы покажем, как создать красивую простую навигационную панель, использовав несколько скомбинированных стилей CSS3. Наша цель – повторить внешний вид того, что в прошлом могло быть сделано только путем комбинирования нескольких изображений, JavaScript’а и нескольких div’ов. Давайте начнем…
Создаем круглые углы при помощи CSS3 border-radius @ 22.03.2010 19:43
Сегодня я напишу про свойство CSS3 — border-radius (css3 радиус рамки / css3 радиус границы). При помощи CSS3 border-radius вы сможете создать очень популярный эффект закругленных углов для ваших кнопок, рамок и боксов, используя лишь CSS, никаких картинок и скриптов ненужно.
Как сделать закругленные углы в Internet Explorer 8 и ниже @ 08.04.2014 14:23
CSS3 позволяет сделать закругленные углы у блока или изображения с помощью свойства border-radius. Но, как вы знаете, данное свойство не работает в браузере Internet Explorer 8 (IE8) и более ранних версиях. И когда вы применяете данное свойство, то оно выглядит точно также, без каких-либо закруглений. В этой статье мы рассмотрим как данный модуль использовать, чтобы сделать закругленные углы.
Создание тени для текста при помощи CSS3 @ 19.10.2011 06:52
Все мы знаем давнее выражение: "Навести тень на плетень". В этой публикации я вам расскажу об этой самой тени. Мы рассмотрим возможности создания тени к тексту вашего блога. Эффект добавления тени к тексту достигается с помощью свойства "text-shadow" CSS3. Подробнее читайте в блоге БЛОGГЕР
CSS3 закругленные углы для всех браузеров @ 08.03.2010 10:56
Как все знают что CSS3 свойство border-radius работает в Safari, Firefox и Chrome, но по коким то мистическим причинам не работает в Internet Explorer и Opera. Итак для того чтобы зделать закругленные углы в IE вам придется использовать некоторые хотрости
Объемная форма поиска на CSS3 @ 10.02.2014 16:14
Каждый элемент на сайте должен быть особенным и подчеркивать дизайн сайта. А в этом уроке мы создадим объемную форму поиска с помощью CSS3. Так как эта технология содержит множество нововведений, то мы без труда создадим красивую форму поиска. Она будет состоять из поля для ввода и кнопки поиска. Конечно это не flat стиль, но тоже очень неплохо смотрится!
Красивая CSS3 форма поиска @ 16.06.2010 20:33
Вы знали что можно сделать круг с помощью css3 закругленных краев (border-radius) и сделать для него внутреннюю тень с помощью box-shadow? Сечйас попробуем создать форму поиска используя css3 эффекты закругления углов и внутренней тени.
Как придать легкий объем блоку на CSS3 @ 27.11.2013 11:27
Возможно вы уже видели данный эффект на разных сайтах, который действительно смотрится красиво. Так вот раньше данный эффект создавался используя изображение, которое до этого было создано, например, в программе Photoshop. Сейчас CSS3 позволяет нам создать такой эффект для блока без изображений. И в этом уроке мы рассмотрим как же его можно создать.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте