animation: name duration timing-function delay iteration-count direction;
用于创建动画效果,其中name为动画名称,duration为动画时长,timing-function为动画运行的时间函数,delay为动画延迟时间,iteration-count为动画重复次数,direction为动画播放方向。
2. transition(变换)
transition: property duration timing-function delay;
用于实现元素在不同状态之间的平滑过渡,其中property为过渡属性,duration为过渡时长,timing-function为过渡运行的时间函数,delay为过渡延迟时间。
3. transform(变换)
transform: translate(x, y) rotate(angle) scale(x, y) skew(x-angle, y-angle);
用于对元素进行变换操作,包括平移、旋转、缩放和倾斜等操作,其中translate用于实现元素的平移,rotate用于实现元素的旋转,scale用于实现元素的缩放,skew用于实现元素的倾斜。
以上就是CSS3动画属性中的三个主要属性:animation、transition和transform。它们可以帮助大家创建出更加生动、有趣的网页效果。