Задать вопрос
@Koinu
css

Как вернуть исходное состояние после hover мгновенно?

Здравствуйте, есть ряд картинок, увеличивающихся при наведении мыши, но при этом, если убрать курсор, то также проигрывается анимация уменьшения в исходный размер, как можно убрать эту анимацию?
.certificate {
  width: 250px;
  margin: 100px 30px 10px 30px;
  transition: transform 0.5s;
}

.certificate:hover {
  transform: scale(2);
}
  • Вопрос задан
  • 207 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
petyagrill
@petyagrill
Перенести transition в :hover
.certificate {
  width: 250px;
  margin: 100px 30px 10px 30px;
}

.certificate:hover {
  transition: transform 0.5s;
  transform: scale(2);
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Нужен директолог с опытом работы
19 апр. 2024, в 10:02
6000 руб./за проект
Помощь с парсингом XML файла яндекс товаров
19 апр. 2024, в 09:46
500 руб./за проект
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Ещё заказы