css参考手册： 呈现3d效果： -webkit-transform-style:preserve-3d; 透视距离： -wenkit-perspective:300; 视角： -webkit-perspective-origin:25% 75%；/*数字正负均可*/ 旋转和变换： transform: translatex(-90px) translatez(90px) rotatey(90deg); /*ro
css参考手册：
呈现3d效果：
-webkit-transform-style:preserve-3d;
透视距离：
-wenkit-perspective:300;
视角：
-webkit-perspective-origin:25% 75%；/*数字正负均可*/
旋转和变换：
transform: translatex(-90px) translatez(90px) rotatey(90deg);
/*rotateX旋转X轴,rotateY旋转Y轴,rotateZ旋转Z轴
translateX,translateY,translateZ在XYZ轴上移动
scaleZ(sz)Z轴缩放
*/
旋转页面要先设置position: absolute;使其脱离文档流。
动画效果：
animation /*简写属性，用于设置动画。*/
-webkit-transform-origin: 90px 90px 90px;/*设置旋转基准点*/
@keyframes/*设置动画*/
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
【HTML5】Canvas 实现放大镜效果 - zhangjk
2016-10-15 17:00
css3径向渐变详解-遁地龙卷风 - 遁地龙卷风
2016-10-15 13:13
jQuery-H5-css3转盘抽奖-遁地龙卷风 - 遁地龙卷风
2016-10-03 11:00
三分钟学会用 js + css3 打造酷炫3D相册 - 剽悍一小兔
2016-09-27 15:36
网友点评
精彩导读
热门资讯
关注我们
