CSS入门-第七篇：CSS 动画与过渡效果

第七篇：CSS 动画与过渡效果

一、过渡（Transitions）

（一）过渡属性

CSS 过渡可以在元素的属性值发生变化时，实现平滑的过渡效果，而不是生硬的立即改变。它主要通过以下几个属性来控制：

1. transition-property：指定要过渡的 CSS 属性。可以是单个属性，如 width、color、opacity 等，也可以使用 all 关键字表示所有可动画的属性。例如，只对 width 属性进行过渡：

div {
   
   
    transition-property: width;
}

如果希望多个属性同时过渡，可以用逗号分隔属性名：