Как сделать анимацию при наведении курсора css

4 года назад

Человек-Молекула

Ответы

Добавление анимации при наведении курсора происходит с помощью псевдокласса

. Создадим кнопку, которая будет менять цвет и свои границы при наведении на неё курсора.

Пример

<button>Нажми меня</button>

button {
  border: 3px solid #3a7999;
}
button:hover {
  border: 3px dotted #3a7999;
  color: #3a7999;
  background: #38d9a9;
}

3 года назад

Вячеслав Межуревский

1 месяц

Анимация CSS

Навык создания анимаций в CSS для улучшения пользовательского опыта и повышения востребованности на рынке

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

Похожие вопросы