Как с помощью CSS заставить двигаться картинку?

Question

[Thomek]

Как заставить двигаться картинку при наведении установленную на сайте с помощью этого CSS

#join-chat-button:hover {
    -webkit-animation: rubberBand 0.6s ease; /* анимация и скорость в секундах */
    animation: rubberBand 0.6s ease;
}
@keyframes rubberBand {
  0% {transform: scale(1);}
  30% {transform: scaleX(1.15) scaleY(0.75);}
  40% {transform: scaleX(0.75) scaleY(1.25);}
  60% {transform: scaleX(1.15) scaleY(0.85);}
  100% {transform: scale(1);}
}

Answer 1

[Кирилл]

В данном Вами фрагменте кода, объект к которому применена эта анимация будет изменять свой размер и искажаться при наведении. Данный вами код должен работать.

Вот пример его работы: https://codepen.io/KhokhlovKirill/pen/ZExMezK