CSS3动画

transition-property

指定应用过渡效果的CSS属性名称

transition-duration

过渡效果的持续时间

transition-timing-function

过渡的速度曲线，控制动画的节奏

transition-delay

过渡效果开始前的延迟时间

animation-name

指定要应用的@keyframes名称

animation-duration

动画完成一个周期所需的时间

animation-iteration-count

动画播放的次数

animation-direction

控制动画播放的方向

animation-fill-mode

动画执行前后如何应用样式

translate() - 平移

在X和Y轴上移动元素

rotate() - 旋转

围绕Z轴旋转元素

scale() - 缩放

改变元素的大小

skew() - 倾斜

沿X和Y轴倾斜元素

cubic-bezier() - 自定义贝塞尔曲线

创建自定义的速度曲线

🚀 性能优化

♿ 无障碍支持

🎯 用户体验

📱 浏览器兼容性