css3的3D变形

标签：变形   body   坐标   ace   屏幕   背景   css3   hid   元素   

一、坐标系

　　1、是我们熟悉的右手坐标系：伸出右手，让拇指和食指成L形，大拇指向为右，食指向上，中指指向前方，这样，拇指、食指、中指的指向分别是X、Y、Z轴的正方向。

　　2、是我们CSS3中的3D坐标：伸出左手，让食指和拇指成L形，大拇指指向右，食指向上，中指指向内侧，这样，拇指、食指、中指的指向分别是X、Y、Z轴的正方向。

二、透视

　　一般会加到父元素或者是body上

　　　　perspective:100px;

　　视距：眼睛到屏幕的距离：视距越大，透视效果越明显，相反则越不明显

三、背面是否可见

　　backface-visibility:hidden;背面不可见，则我们会看到这个元素下层的元素或者背景。

css3的3D变形

标签：变形   body   坐标   ace   屏幕   背景   css3   hid   元素   

原文地址：https://www.cnblogs.com/dhrwawa/p/10541554.html