如何使用CSS平滑地上下移动图像？

Question

我是CSS的初学者。是否可以使用CSS顺畅地上下移动图像？

类似于以下链接：

...

Answer 1

使用CSS3动画。

<强> 段：

img {
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 2s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

<img src="http://app.netbarg.com/img/phone-in-hand-a.png" />