Thomek
@Thomek

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

Как заставить двигаться картинку при наведении установленную на сайте с помощью этого 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);}
}
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
@KhokhlovKirill
В данном Вами фрагменте кода, объект к которому применена эта анимация будет изменять свой размер и искажаться при наведении. Данный вами код должен работать.

Вот пример его работы: https://codepen.io/KhokhlovKirill/pen/ZExMezK
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы