您的位置:首页 > Web前端 > CSS

css3360度旋转动画

2014-12-05 15:44 387 查看
@-webkit-keyframes Parallaxs{
from {
-webkit-transform: rotate(180deg) ;
-moz-transform: rotate(180deg) ;
-o-transform: rotate(180deg) ;
transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
transform: rotate(360deg);
}
}


.feng:not(:target){
-webkit-animation-name: Parallaxs;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: Parallaxs;
-moz-animation-duration: 10s;
-moz-animation-iteration-count: infinite;
-o-animation-name: Parallaxs;
-o-animation-duration: 10s;
-o-animation-iteration-count: infinite;
animation-name: Parallaxs;
animation-duration: 10s;
animation-iteration-count: infinite;
}


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: