css 过渡动画 属性

html-css025

css 过渡动画 属性,第1张

transition-property            过渡效果的CSS属性名称

transition-delay                设置过渡延迟时间

transition-duration            设置完成过渡效果需要花费的时间

transition-timing-function    设置过渡效果的速度曲线

transition                            设置过渡属性的复合写法

transform-origin                设置旋转元素的基点位置（不常用，了解即可）

transform-style                  让转换的子元素保留3D转换（不常用，了解即可）

opacity                                设置元素的透明度

@keyframes                        设置关键帧动画

animation                            设置动画属性

transform呈现的是一种变形结果，而transition呈现的是一种过渡，通俗点说就是一种动画转换过程，如渐显、渐弱、动画快慢等。transition和transform是两种不同的动画模型。

transition属性是一个简写属性，用于设置四个过渡属性

transition-property ：指定要过渡的css属性

transition-duration： 指定完成过渡花费的时间

transition-timing-function： 指定速度效果的速度曲线

transition-delay：指定过渡效果何时开始