CSS3中与动画相关的属性

 1.transform ：该属性用于改变元素的形状和外观。它可以执行各种变形操作，如旋转（ rotate ）、平移（ translate ）和矩阵变形（ matrix ）。例如， transform: rotate(20deg) 可以让元素围绕其中心旋转20度。
 2.transition ：这个属性使得CSS的属性值能够在一定的时间区间内平滑地过渡。这意味着你可以创建动画效果，让元素的属性值从一个状态逐渐变化到另一个状态。常见的用法是设置 transition-property （指定要过渡的属性）、 transition-duration （设置过渡的持续时间）、 transition-timing-function （设置过渡的速度曲线）等。
 animation ：这个属性提供了更复杂的动画功能，允3.许你定义一系列的关键帧，元素将按照这些关键帧的顺序播放动画。 @keyframes 规则用于定义动画的各个阶段，而 animation 属性则用于引用这些规则并设置动画的持续时间、延迟、次数和方向等参数。