CSS3 动画属性及其编程实现

CSS3 提供了许多强大的动画属性，可以通过编程实现各种吸引人的动画效果。本文将介绍一些常用的 CSS3 动画属性，并提供相应的源代码示例。

一、transition 属性

transition 属性用于指定元素从一种样式转换为另一种样式时的过渡效果。它可以在元素状态改变时平滑地过渡，比如在鼠标悬停时改变背景颜色。

示例代码：

/* 设置过渡效果 */
div {
   
  transition: background-color 0.3s ease;
}

/* 鼠标悬停时改变背景颜色 */
div:hover {
   
  background-color: red;
}

二、transform 属性

transform 属性用于对元素进行 2D 或 3D 变换&#x