3D 高逼格动画制作

景深

perspective: perspective 属性定义 3D 元素距视图的距离,以像素计。当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。perspective 属性只影响 3D 转换元素。

rotate skew scale 默认都是围绕元素中心点变化的

translate(位移)

translate 不受中心点影响
先写的后执行

transform的执行顺序

transform-origin: 变化原点
默认center center
translate不会受原点影响,也不会改变变化原点

关键字: left right center top bottom;
长度单位:(px, rem ,em )

    原文作者:林小新
    原文地址: https://segmentfault.com/a/1190000009589044
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞