动画旋转 css3,css3 旋转出现动画

@-moz-keyframes daf{

0% {

-moz-transform: rotate(-360deg) scale(0.2);

-webkit-transform: rotate(-360deg) scale(0.2);

-o-transform: rotate(-360deg) scale(0.2);

-ms-transform: rotate(-360deg) scale(0.2);

transform: rotate(-360deg) scale(0.2);

}

100% {

-moz-transform: none;

-webkit-transform: none;

-o-transform: none;

-ms-transform: none;

transform: none;

}

}

.daf:not(:target){

animation-name: daf;

animation-duration: 1.5s;

animation-timing-function: linear;

-webkit-animation-name: daf;

-webkit-animation-duration:1.5s;

-moz-animation-name: daf;

-moz-animation-duration: 1.5s;

-o-animation-name: daf;

-o-animation-duration:1.5s;

-ms-animation-name: daf;

-ms-animation-duration: 1.5s;

}

css3旋转倾斜3d小动画

纯CSS3超酷3D旋转立方体动画特效

简要教程 这是一款神奇的纯 CSS3 立方体动画特效插件.使用CSS3来制作动画效果已经成为WEB前端开发的一种时尚,从简单的颜色和尺寸动画,到复杂的旋转.翻转动画, CSS3 展现了它无穷的魅力.使 ...

纯CSS3悬停图标旋转导航动画代码

分享一款纯CSS3悬停图标旋转导航动画代码.这是一款鼠标移到图标上动画旋转显示导航菜单.效果图如下: 在线预览   源码下载 实现的代码. html代码: