Анимация

Тема закрыта by

Всем привет!

Подскажите пж, как можно сделать анимацию картинки.
Т.е после нажатия на картинку (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)
Есть такой код, но он дергается при наведении , а мне нужно чтобы после клика

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>

active вместо hover

PAIN (01.05.2020 в 20:03)
active вместо hover

спасибо большое!!