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