代码"/>
Chrome立体动画代码
效果预览:.html
请实用Chrome浏览器查看效果,手机上也可以.
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>CSS3正方形翻转动画 - 何问起</title><meta charset="utf-8" /><style>
.hewenqicube--ani { -webkit-animation: rot 4s linear infinite;
}
@-webkit-keyframes rot { to { -webkit-transform: rotateY(-330deg) rotateX(370deg); }
}
.hewenqicube{border:darkgreen solid 2px;width:200px;height:200px;background-color:silver;}
#hovertreecom{width:400px;margin:10px auto;}</style>
</head>
<body><div id="hovertreecom"><h2>CSS3正方形翻转动画 by 何问起</h2><div class='hewenqicube hewenqicube--ani'>正方形翻转动画，请使用Chrome浏览器 。 ;a href="">何问起</a></div></div>
</body>
</html> 转自:.htm
更多特效：.html
更多推荐
Chrome立体动画代码
发布评论