css - 如何在CSS3中连续旋转图像？不仅在悬停时

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        5年前关闭。
                                                                                            
                
        
我可以在开始页面和悬停时旋转图像。但是我喜欢像.gif格式一样连续旋转图像。不仅在悬停时。在Java中，我们有return函数，就像任何关键字都可用吗？
 我找不到解决办法！请帮助..！

最佳答案

您可以使用基于infinite CSS3关键帧的动画来实现。

HTML：

<div id='rotate'>Test</div>

CSS3：

#rotate{
    background: blue;
    top: 20px;
    width: 50px; height: 50px;
    -webkit-animation: cont_rotate 2s infinite;
}
@-webkit-keyframes cont_rotate{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

Demo

关于css - 如何在CSS3中连续旋转图像？不仅在悬停时，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24671057/