CSS3——齿轮转动关键代码
程序员文章站
2024-02-08 15:44:16
css3实现转动的齿轮(chrome)，代码简单实用，感兴趣的朋友可以参考下哈，希望对你有所帮助... 13-05-02...
关键代码：
div{
-webkit-animation: xuanzhuan 5s linear;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes xuanzhuan {
from {
-webkit-transform: rotatez(0);
}
to {
-webkit-transform: rotatez(360deg);
}
}
复制代码
代码如下:div{
-webkit-animation: xuanzhuan 5s linear;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes xuanzhuan {
from {
-webkit-transform: rotatez(0);
}
to {
-webkit-transform: rotatez(360deg);
}
}