BLACK FRIDAY

осталось 3 дня

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

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

Ответы
Аватар пользователя Вячеслав Межуревский
Вячеслав Межуревский
29 сентября 2022

Добавление анимации при наведении курсора происходит с помощью псевдокласса :hover. Создадим кнопку, которая будет менять цвет и свои границы при наведении на неё курсора.

Пример

 <button>Нажми меня</button>
button {
  border: 3px solid #3a7999;
}
button:hover {
  border: 3px dotted #3a7999;
  color: #3a7999;
  background: #38d9a9;
}
Добавьте ваш ответ

Рекомендуемые курсы

Доступность
CSS Columns
CSS Units
селекторы
18 часов
Посмотреть
CSS3
CSS Flex
CSS адаптивность
Верстка
10 часов
Посмотреть
Препроцессоры CSS
SASS
SCSS
Миксины
4 часа
Посмотреть