Как сделать, чтобы при наведении изображение уменьшилось и сразу увеличилось?

Question

[pashabomber]

Добрый день!

Есть задача по анимации изображения. При наведении на него оно должно плавно уменьшиться и после этого сразу же вернуться в исходный размер. Увеличение/уменьшение должно быть НЕцикличным. То есть один раз уменьшилось, увеличилось и все.

Заранее спасибо!

Answer 1

[ArturArturov]

.hover:hover{
  animation: hover .6s;
}
@keyframes hover {
  50% { transform: scale(0.8); }
}

Comments

[pashabomber]

Спасибо!

Answer 2

[_ _]

css keyframes, animation-iteration-count: 1;