Javascript 如何在网站上实现动画图像/图标?

Javascript 如何在网站上实现动画图像/图标?,javascript,jquery,animation,web,Javascript,Jquery,Animation,Web,我想建立一个带有动画图像的网站,如dropbox主页中的一个: 另一个例子是treehouse主页中的简介图像: 我想也许我可以使用javascript和jQuery动态更改图像及其位置,但我不确定。 我想知道是否有任何库或技术可以实现这种动画?或者可以在div中移动图像,或者可以像下面这样使用SVG: 对于简单的动画,您可能希望使用它来设置CSS属性(如left或top)的动画 @keyframes slidein { from { left: 450px; } to { left:

我想建立一个带有动画图像的网站,如dropbox主页中的一个:

另一个例子是treehouse主页中的简介图像:

我想也许我可以使用javascript和jQuery动态更改图像及其位置,但我不确定。
我想知道是否有任何库或技术可以实现这种动画?

或者可以在div中移动图像,或者可以像下面这样使用SVG:

对于简单的动画,您可能希望使用它来设置CSS属性(如left或top)的动画

@keyframes slidein {
  from { left: 450px; }
  to { left: 0; }
}

示例:

非常感谢!这正是我想要的!谢谢维加!这也很有帮助!