您现在的位置是:网站首页> 编程资料编程资料

CSS3——齿轮转动关键代码css3中transform属性实现的4种功能详解CSS3.0(Cascading Style Sheet) 层叠级联样式表纯CSS3实现div按照顺序出入效果CSS3实现列表无限滚动/轮播效果css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效CSS3实现的侧滑菜单CSS3实现的3D隧道效果用CSS3画一个爱心css3 实现文字闪烁效果的三种方式示例代码六种css3实现的边框过渡效果

2021-09-07 658人已围观

简介 css3实现转动的齿轮(chrome),代码简单实用,感兴趣的朋友可以参考下哈,希望对你有所帮助

关键代码:

复制代码
代码如下:

div{
-webkit-animation: xuanzhuan 5s linear;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes xuanzhuan {
from {
-webkit-transform: rotateZ(0);
}
to {
-webkit-transform: rotateZ(360deg);
}
}

相关内容

-六神源码网