input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #ddd;
}

input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);
}

Мне действительно нравится этот базовый пользовательский класс CSS3 за то, как он переписывает поведение браузера по умолчанию. О раздражающих очертаниях input-ов пользователи Chrome и Safari знают все. Добавление этих свойств в свою таблицу стилей определит новый вид основных элементов input.

Добавлено: 12 Апреля 2018 07:15:39 Добавил: Андрей Ковальчук Нравится 0

Добавить