码迷,mamicode.com
首页 > 其他好文 > 详细

旋转动画

时间:2016-05-27 07:05:51      阅读:181      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!