如何使图片连续旋转？ [英] How to Make a Picture rotate Continuously?

问题描述

）我的屏幕左上角有一个星形图像，想连续旋转。所以任何人都可以告诉我如何让浏览器连续浏览图片Mozilla Firefox，谷歌浏览器！？
[Css位置类型为'Absolutely'，图片分辨率为25 * 25]

解决方案

  @  -  webkit-keyframes rotate {
 from {
 -webkit-transform：rotate（0deg）; 
} 
到{
 -webkit-transform：rotate（360deg）; 
} 
} 
 
 img.star 
 {
 -webkit-animation-name：rotate; 
 -webkit-animation-duration：0.5s; 
 -webkit-animation-iteration-count：infinite; 
 -webkit-animation-timing-function：linear; 
 
  

添加 -moz-transform / animation ， -ms-transform / animation 等规则来支持其他浏览器。

您也可以制作动画GIF：）。

) I have a star image in top-left of my screen want to rotate continuously. so can anyone tell me How can we make a Picture rotate Continuously for browsers Mozilla Firefox, Google chrome!? [Css Position type is 'Absolutely' and image resolution:25*25 ]

解决方案

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

img.star
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         0.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
}

Add -moz-transform/animation, -ms-transform/animation, etc rules to support other browsers.

You could also make an animated GIF :).

这篇关于如何使图片连续旋转？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！