码迷,mamicode.com
首页 > Windows程序 > 详细

css3 3d api

时间:2020-02-16 20:53:09      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:观察   serve   class   code   css   tran   api   spec   res   

 1 perspective 人看东西的距离   perspective: 500; 越小3d效果越好
 2 
 3 perspective-origin观察视点。此处默认为视图的中心点  transform-origin:20% 40%;
 4 
 5 transform-style 规定被嵌套元素如何在 3D 空间中显示。transform-style: none/preserve-3d;
 6 
 7 backface-visibility: visible|hidden;定义元素在不面对屏幕时是否可见
 8 perspective-origin: x-axis y-axis;规定 3D 元素的底部位置
 9 
10 translate3d(x,y,z)  定义 3D 转化。 
11 
12 translateX(x)   定义 3D 转化,仅使用用于 X 轴的值。 
13 
14 translateY(y)   定义 3D 转化,仅使用用于 Y 轴的值。 
15 
16 translateZ(z)   定义 3D 转化,仅使用用于 Z 轴的值。
17 
18 
19 
20 
21 rotate3d(x,y,z,angle)   定义 3D 旋转。 
22 
23 rotateX(angle)  定义沿 X 轴的 3D 旋转。 
24 
25 rotateY(angle)  定义沿 Y 轴的 3D 旋转。 
26 
27 rotateZ(angle)  定义沿 Z 轴的 3D 旋转。

 

css3 3d api

标签:观察   serve   class   code   css   tran   api   spec   res   

原文地址:https://www.cnblogs.com/weihexinCode/p/12318260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!