Кнопка
Заливка
Заливка входит со стороны курсора, а текст меняет цвет для контраста.
Образец № 09 из 21
- Запуск
- Наведение и фокус
- Длительность
- 0,25 с
- Где
- Кнопка
Наведите курсор или нажмите Tab
Где это к месту
Заливка: цвет входит со стороны курсора
При наведении кнопку заливает цвет с той стороны, откуда пришёл курсор, а текст меняет цвет, чтобы оставаться читаемым.
Заливка хорошо смотрится на контурных и светлых кнопках. «Цвет эффекта» подберите контрастным к фону страницы. Эффект срабатывает и при фокусе с клавиатуры, так что кнопку видно при переходе по Tab. Проверьте, что надпись читается и в середине заливки.
Сначала соберите сайт. Анимации подождут.
0 ₽ навсегда · карта не нужна