Просмотров: 2 415

Настройка эффекта hover при наведении мыши на кнопку отправки данных.

В современных формах подписки есть один интересный эффект. При наведении курсора мыши на кнопку отправки данных она ставится другим цветом.

Такой эффект называется эффектом hover от названия соответствующего метода CSS, который позволяет создать такой эффект.

Давайте посмотрим, как это можно сделать на практике.

Вот код CSS, который я добавил:

.mysubform input[type="submit"]:hover {background:#FFFC00; color:#000;}

Попробуйте навести курсор мыши на кнопку.

Таким образом вы можете создавать довольно оригенальные эффекты для своих форм. С эффектом hover форма смотрится более живой и на такие кнопки хочется кликнуть более охотно, т.к. сразу становится видно, что это активный элемент на странице.

Все уроки курса «Верстка стильных форм подписки» здесь.