CSS技术分享

css中Transform转换属性：

1，transform：translate（200px）；  平移，默认是x轴移动，单位可以是%。

2，transform：rotate（300deg）；     旋转，单位deg（是度数），默认是z轴旋转。

3，transform：scale（2）；缩放  默认是x和y同时缩放，默认值是1.。

4，transform：skew（30deg）；倾斜 ，单位deg

5，transform：perspective（200px）   为3D转换元素定义透视视图。

转换基点：

改变元素基点的位置transform-origin

语法：transform-origin（x，y，z）；    其中的z轴的设置只能是数值。

CSS中的3D相关属性：

1，transform-style：preserve-3d；  表示所有子元素在3D空间呈现。

2，perspective：200px；  （景深，视距）值越小，用户与3D空间z平面之间距离越近，视觉效果更令人印象深刻；   反之， 值越大，用户与3D空间z平面距离越远，视觉效果就很小。

3，perspective-origin    主要用来决定perspective属性的源点角度。

opacity  透明度