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

Question

[Koinu]

Здравствуйте, есть ряд картинок, увеличивающихся при наведении мыши, но при этом, если убрать курсор, то также проигрывается анимация уменьшения в исходный размер, как можно убрать эту анимацию?

.certificate {
  width: 250px;
  margin: 100px 30px 10px 30px;
  transition: transform 0.5s;
}

.certificate:hover {
  transform: scale(2);
}

Answer 1

[petyagrill]

Перенести transition в :hover

.certificate {
  width: 250px;
  margin: 100px 30px 10px 30px;
}

.certificate:hover {
  transition: transform 0.5s;
  transform: scale(2);
}

Comments

[Koinu]

Спасибо