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

Question

I want to build a website with animated images, like the one in dropbox homepage:

https://www.dropbox.com/

Another example is the intro images in treehouse homepage:

http://teamtreehouse.com/

I think maybe I can use javascript and jQuery to dynamically change the images and their positions, but I am not sure. I wonder if there is any library or technology available to implement this kind of animation?

Answer 1

或者可以只在div中移动图像，也可以像下面这样使用SVG： 链接

Answer 2

For simple animations you probably want to use CSS animations to animate CSS properties like "left" or "top".

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

Example: http://codepen.io/anon/pen/eihJs