CSS+JS实现元素旋转与视角调整.pdfVIP

视角

设置元素被查看位置的视图:

定义和用法

perspective属性定义3D元素距视图的距离，以像素计。该属性允许您改变3D元素的

视图。

当为元素定义perspective属性时，其子元素会获得效果，而不是元素本身。

注释:perspective属性仅影响3D转换元素。

提示:请与perspective-origin属性一同使用该属性，这样您就能够改变3D元素的底

部位置。

默认值：none

继承性：yes

版本：CSS3

JavaScript语法:对象.style.perspective=500

transform‑origin

设置旋转元素的基点位置:

定义和用法

transform‑origin属性允许您更改被转换元素的原点位置。

2D转换元素能够改变元素的X轴和Y轴。3D转换元素还能改变其Z轴。

为了更好地理解transform-origin属性，请查看这个演示。

Safari/Chrome用户：为了更好地理解transform-origin属性用于3D转换的情况，

请查看这个演示。

注释:该属性必须与transform属性一同使用。

为了更好地理解transform