Подсветка полей формы в стиле Twitter

Подсветка полей формы в стиле Twitter

Простая но симпатичная подсветка полей формы ввода данных в стиле Twitter. При установке курсора мыши в поле, оно подсвечивается голубым сиянием. Гламурненько ччорт! :) Возможно, кто-то захочет прикрутить такую фишку у себя на блоге в форме ввода комментариев. Вэлкам!

Код достаточно простой и использует последние веяния CSS3:

input[type=text], textarea {
outline: none;
padding: 5px;
margin: 5px;
border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus {
border-color:#56b4ef;
box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}

22.06.2012

Автор: Игорь Квентор
www.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Загрузка...

Похожие записи:

Подпишитесь на рассылку блога Вебсовет, чтобы первыми получать самые интересные материалы:

Оставить комментарий: