Как сделать эффект подпрыгивания не при наведении?

Question

[viktorulyushev]

На сайте в 5 пункте есть анимация для кнопки при наведении www.developerdrive.com/2015/01/8-simple-css-hover-... .Можно ли как нибудь сделать такую анимацию для картинки,и не при наведении,а чтобы она каждые,к примеру 3 секунды подпрыгивала?

Answer 1

[Владимир]

Для этого даже JavaScript не нужен
www.w3schools.com/cssref/css3_pr_animation.asp
Обрати внимание на параметр animation-iteration-count

Answer 2

[Артём]

Создаешь анимацию
@keyframe animat{
from{
top: 40px;
}
to{
top: 70px;
}
}
И у объекта div {
animation: animat 3s;
animation-direction: reverse;
}