Как сделать, чтобы при наведении на изображение оно начинало беспрерывно прыгать вверх вниз пока не отведешь от него курсор?
Может есть вариант, как сделать это на js или jquery без подмены статичного изображение анимированным?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКонечно есть такой вариант. Используйте CSS-анимацию:
img:hover {
animation: jump 1s ease infinite;
}
@keyframes jump {
50% { transform: translateY(-20px); }
}
<img src="https://picsum.photos/id/103/200/150">