Animation Basics

动画让游戏和网站变得鲜活。悬停时发光的按钮、旋转的金币、弹跳的小球、滑过屏幕的角色——这些全都是动画，而且每一部分你都能亲手做出来。

在本教程里，你的 Vibe Coding Academy 头像会带你走过真实、可复制粘贴的代码。你先从简单的悬停效果开始，再升级到 @keyframes 循环动画，然后用 JavaScript 逐帧控制运动——这正是真实游戏使用的技巧。每段代码都属于你，尽管粘贴、运行和修改。

到最后，你会拥有带动画的按钮、一个弹跳的小球、一枚旋转的金币，还有一个能用方向键移动的精灵——外加随时生成更多内容的 AI 提示词。