首页 > 其他 > 详细

旋转动画

时间:2016-05-27 07:02:45      阅读:312      评论:0      收藏:0      [点我收藏+]

如建立一个div设置一个宽高给一个1px的边线。

在css中利用trasfrom:rotate(30deg)可以让其旋转30度

其中trasfrom:rotate是旋转的意思

deg角度单位

其中可以运用-webkit-antmation:div all linear2s infinite 

让其一直循环旋转。infinite:循环 forwards:暂停

@key frams div{

        form{

            trasfrom:rotate(0deg)

            }

        to{

            trasfrom:rotate(360deg)

          }

是整个div从0度旋转到360度,再利用旋转时间或者一直循环就可以实现动漫效果

 

旋转动画

原文:http://www.cnblogs.com/thelucky/p/5533290.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!