使用 CSS 创建弹跳动画效果

在网页设计中，动画效果可以为用户提供更加生动和吸引人的体验。其中一种常见的动画效果是弹跳动画，它通过模拟物体在弹簧上弹跳的运动来展示元素的反弹效果。在本文中，我们将探讨如何使用 CSS 创建一个简单的弹跳动画效果，并提供相应的源代码示例。

要实现弹跳动画效果，我们将使用 CSS3 中的关键帧动画（Keyframes Animation）。关键帧动画允许我们在动画序列中定义多个关键帧，从而实现元素在不同时间点的不同样式。

首先，我们需要创建一个 HTML 元素来应用动画效果。让我们使用一个简单的 <div> 元素，并为其添加一个类名 “bounce”：

<div class="bounce">