Обучение/Помощь новичкам | Анимация
Всем привет!
Подскажите пж, как можно сделать анимацию картинки.
Т.е после нажатия на картинку (href ссылка), она дергается в лево, право, вверх или низ, не важно.
Смотрел в гугле, но нечего путного не нашел.
________
посл. ред. 01.05.2020 в 19:53; всего 1 раз(а); by Jquery
Подскажите пж, как можно сделать анимацию картинки.
Т.е после нажатия на картинку (href ссылка), она дергается в лево, право, вверх или низ, не важно.
Смотрел в гугле, но нечего путного не нашел.
________
посл. ред. 01.05.2020 в 19:53; всего 1 раз(а); by Jquery
Есть такой код, но он дергается при наведении , а мне нужно чтобы после клика
html
<style type="text/css"> #block { height: 220px; } #image { height: 200px; } #content { position: relative; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } #content:hover { top: 10px; } </style> <div id="block"> <div id="content"> <a href="?"><img src="http://impow.ru/images/arena/22.png" width="55%" alt="*"></a> </div> </div>
Если в a href добавить класс content?
Jquery (01.05.2020 в 19:54) Есть такой код, но он дергается при наведении , а мне нужно чтобы после клика
active вместо hover
html
<style type="text/css"> #block { height: 220px; } #image { height: 200px; } #content { position: relative; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } #content:hover { top: 10px; } </style> <div id="block"> <div id="content"> <a href="?"><img src="http://impow.ru/images/arena/22.png" width="55%" alt="*"></a> </div> </div> PAIN (01.05.2020 в 20:03)
active вместо hover
active вместо hover
спасибо большое!!