3D转换(transform)

来源:互联网 发布:ie浏览器mac版 编辑:程序博客网 时间:2024/06/11 14:19

学习资料:菜鸟教程http://www.runoob.com/css3/css3-3dtransforms.html;

w3plus:http://www.w3cplus.com/content/css3-transform

transform3d方法:rotat3d(x,y,z,角度值);旋转

代码:transform: rotate3d(.5,.5,.5,90deg);

效果图:


translate3d(x,y,z);平移

代码:

transform: translate3d(200px,100px,100px);

效果图:


scale3d(x,y,z);缩放



比如像:transform-style: preserve-3d。 ect见菜鸟教程

原创粉丝点击