使用 css 动画属性为元素添加平滑过渡效果
1、创建新文件并添加 HTML 标签,CSS 样式可写在独立的 .css 文件中,也可直接嵌入 HTML 的 标签内。

2、可按需为目标元素定义基础样式(如宽高、背景色、位置等),该步骤非强制性,视具体动画需求而定。

3、通过 @keyframes 规则定义动画关键帧,并结合 animation 相关属性(如 animation-name、animation-duration 等)应用到元素上,任选一种标准写法即可实现流畅的动画效果。











