一个令人惊叹的前端动画效果 - 使用 JavaScript

在现代网页设计中，动画效果是吸引用户注意力和增强用户体验的重要元素之一。本文将介绍一个令人惊叹的前端动画效果，通过使用 JavaScript 实现。无需复杂的库或框架，我们将使用纯 JavaScript 代码来实现这个效果。

动画效果描述：
我们将创建一个简单而有趣的动画效果，当用户将鼠标悬停在页面中的某个元素上时，该元素将以弹跳的方式放大，并在动画结束后恢复正常大小。

实现步骤：

1. HTML 结构
   首先，我们需要在 HTML 代码中创建一个元素，用于触发动画效果。这个元素可以是一个按钮、一个图片或者任何你想要的其他元素。在本例中，我们将创建一个带有文本的 <div> 元素，并将其 id 设置为 “animated-element”。

<div id="animated-element">