过渡属性transition与2D transform

transition属性有四种分别是transition-property,transition-duration, transition-delay,transition-timing-function。1. transition-property:检索或设置对象中的参与过渡的属性。2. transition-duration:检索或设置对象过渡的持续时间。3. transition-delay:检索或设置对象延迟过渡的时间。4. transition-timing-function:检索或设置对象中过渡的动画类型。

2D  transform属性有五种;分别是1、2D位移 translate()。2、2D缩放scale()  。3、2D旋转让rotate() 。4、2D倾斜 skew()。 5、原点设置属性:transform-origin。其中只有倾斜属性属性值设为负值时沿着正方向倾斜,其余属性都是属性值正负与坐标轴正方向一致。只有旋转属性只能设置一个属性值,其余属性都可设置多个属性值。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容