jquery - 如何在网页加载时从右向左滚动图像？

Question

如何将这张图片从右向左滚动？

img{
 position:absolute;
 top:50px;
 right:5px;
 width:100px;
 height:100px;
 border-radius:50%;
 background:#ff00ff;
 
}

<img src="http://cdn.wallpapersafari.com/15/28/zMTLik.jpg" style="height:100px; width:100px;"/>

Answer 1

在 CSS3 @keyframes 规则中检查此片段

img{
 position:absolute;
 top:50px;
 right:80%;
 width:100px;
 height:100px;
 border-radius:50%;
 transition-duration:1s;
 animation:animate 3s;
}

@keyframes animate{
  from{
  transform:rotate(0deg);
  } 
  to{
  transform:rotate(-500deg);
  }
  from{
  right:5px;
  } 
  to{
  right:80%;
  }
}

<img src="http://cdn.wallpapersafari.com/15/28/zMTLik.jpg" style="height:100px; width:100px;"/>