使用CSS创建动画效果

在网页设计中，动画效果是吸引用户注意力和提升用户体验的重要元素之一。CSS（层叠样式表）是用于控制网页布局和样式的标准语言之一，它也可以用来创建各种各样的动画效果。本文将介绍如何使用CSS实现动画效果，并提供相应的源代码供参考。

1. CSS Transition（过渡动画）

CSS Transition（过渡动画）是一种简单且易于实现的动画效果，它可以在CSS属性的变化过程中平滑地过渡到新的属性值。以下是一个示例，展示了如何使用CSS Transition实现一个简单的淡入淡出效果：

HTML结构：

<div class="box"></div</