Question

我可以在启动页面时旋转图像并悬停..但我喜欢像.gif格式一样连续旋转图像。不仅当悬停。在java中我们有返回功能，就像那样任何关键字都可用？ 我无法找到解决方案！请帮助..！

Answer 1

您可以使用基于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

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

1 个答案: