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; }
相关文章推荐
- 用CSS实现3D魔方动画旋转
- HTML5中实现的CSS 3D文字旋转动画
- CSS 实现加载动画之一-菊花旋转
- CSS实现三角形的动画旋转
- CSS 实现加载动画之二-圆环旋转
- CSS 实现加载动画之四-圆点旋转
- css动画旋转代码
- CSS 圆角处理图片和旋转动画
- 前端模型--css动画(旋转八音盒)
- css制作旋转花朵小动画
- CSS 实现加载动画之二-圆环旋转
- CSS 实现加载动画之七-彩环旋转
- CSS 实现加载动画之一-菊花旋转(转)
- CSS 实现加载动画之七-彩环旋转
- css 旋转动画
- CSS 实现加载动画之一-菊花旋转
- 基于animation.css实现动画旋转特效
- CSS 实现加载动画之八-圆点旋转
- CSS 实现加载动画之四-圆点旋转
- CSS动画:旋转卡片效果