Підсвічування полів форми в стилі Twitter

Підсвічування полів форми в стилі Twitter

Автор TechDude

Категория: Для веб-майстра

Просте але симпатичне підсвічування полів форми введення даних в стилі 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);
}

За підтримки:
Завітай на персональноий блог Nolex і дізнаєшся про проекти автора, портфоліо, а також зможеш прочитати різний брєд в новинах. :)

6 Август 2012

1 коментар
  1. Andrew McCormick:

    Можливо десь знадобиться. Вельми дякую!

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

rss
Про блог
TechDude.Blog – персональний блог, который не имеет одной конкретной тематики. Тут вы найдете интересные и полезные статьи про: интернет, гаджети, музику, видео, спорт, искусство, web и социальные сервисы.
Надеемся, что Вам понравиться!
Подпишитесь на обновления блога и получайте свежие новости на свой E-mail. Введите свей e-mail тут:


Флаг
Розмовляй українською!
Якщо вважаеш потрібним зберегти українську мову – просто розмовляй українською. УкрЦентр