Подсветка полей формы в стиле 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);
}

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

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