CSS 动画是一种通过在 CSS 样式表中设置变量和过渡效果来创建动态效果的技术。在本文中，我们将介绍两种常见的 CSS 动画效果：伪元素和过渡动画。

1. 伪元素

伪元素是一种通过在 HTML 元素中添加伪元素来创建动画效果的方法。伪元素可以是任何元素，如按钮、段落、图片等。通过在伪元素上设置动画效果，可以使它们在不同的状态之间过渡。

2. 过渡动画

过渡动画是一种通过在 CSS 样式表中设置过渡属性来创建动画效果的方法。过渡动画可以是线性、径向、抛物线或圆周等类型。通过设置不同的过渡类型，我们可以创建不同的动画效果。

例如，我们可以在一段文本之间设置一个线性过渡，使文本在不同的位置之间移动。我们还可以在文本之间设置一个径向过渡，使文本的颜色或大小发生变化。

除此之外，我们还可以使用 CSS 过渡动画来创建其他类型的动画效果，如旋转、缩放、放大和缩小等。通过设置不同的过渡属性，我们可以创建出丰富多彩的动画效果。

CSS 动画是一种强大的技术，可以使我们的网站或应用程序更加生动和交互性。通过使用伪元素和过渡动画，我们可以创建出各种不同的动画效果，从而增强我们的用户体验。