CSS 动画与过渡检测

← 返回首页

CSS3 变换 2009

transform 变换
transform-origin 变换原点
transform-style 3D 变换风格
perspective 透视
perspective-origin 透视原点
backface-visibility 背面可见

CSS3 过渡 2009

transition 过渡
transition-property 过渡属性
transition-duration 过渡时长
transition-timing-function 缓动函数
transition-delay 过渡延迟

CSS3 动画 2009

animation 动画
animation-name 动画名称
animation-duration 动画时长
animation-timing-function 缓动函数
animation-delay 动画延迟
animation-iteration-count 循环次数
animation-direction 动画方向
animation-fill-mode 填充模式
animation-play-state 播放状态
@keyframes 关键帧

现代动画特性 2015+

will-change 性能提示
animation-composition 动画合成
animation-timeline 动画时间线
animation-range 动画范围
offset-path 运动路径
offset-distance 路径距离
offset-rotate 路径旋转

缓动函数 2020+

cubic-bezier() 贝塞尔曲线
steps() 步进函数
linear() 线性缓动