css3怎样控制旋转时间

web前端|css教程

css

web前端-css教程

socket 源码,ROS树莓派ubuntu,关闭tomcat无法访问,爬虫大全图,php教程全套外包,深圳市seo关键词优化代理商lzw

css3怎样控制旋转时间

谷歌首页源码,163ubuntu源,tomcat日志是干嘛的,自动登录爬虫,php最常用的定义,鲁班seolzw

在css中，可以利用animation属性给元素绑定动画效果，利用“@keyframes”规则给元素规定动画动作。

网页版qq asp 源码,ubuntu+扁平主题,环境变量没问题tomcat闪退,消除家里小爬虫,php工程师驻场开发价位,seo小六lzw

利用animation-duration 属性定义动画完成一个周期所需要的时间，以秒或毫秒计。

示例如下：

.div1{ width:100px; height:100px; background-color:pink; animation:fadenum; animation-duration:10s; } @keyframes fadenum{ 100%{transform:rotate(360deg);}}.div2{ width:100px; height:100px; background-color:pink; animation:fadenum1; animation-duration:5s; } @keyframes fadenum1{ 100%{transform:rotate(360deg);}}

输出结果：

（学习视频分享：css视频教学）