CSS3中的动画和过渡是什么

CSS3中的动画和过渡是用于创建网页元素在属性值之间平滑变化或实现连续动画效果的技术。

过渡（Transition）是指在网页元素的某个属性值发生变化时，通过指定过渡效果来使这种变化变得平滑和有动态感。你可以定义过渡的持续时间、过渡效果的类型（如渐变、旋转、缩放等），以及触发过渡的事件。过渡是以简单的开始值和结束值之间的平滑转变为特点。

动画（Animation）则更加灵活，它允许你创建更复杂的动态效果，可以定义多个关键帧（keyframes），并在这些关键帧之间设置不同的样式。动画可以描述元素的轨迹、形状、旋转、透明度等变化，并配合时间函数（timing function）来控制动画的速度和缓动效果。

以下是一个示例，演示如何使用过渡和动画：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=cabc6f51c4e54d8b848d9acd76139270