在过去的Web开发时代，开发人员在需要为其网站制作任何类型的动画时都会依赖Adobe的Flash。随着时间的推移，人们放弃了Flash，开始借助CSS和JavaScript来完成许多这样的事情。最后，借助CSS3及其现在所享有的广泛浏览器支持，我们只需使用一些CSS3而无需其他任何东西，就可以做一些非常令人惊奇的事情。
在本教程中，我将向您展示如何使用CSS3创建一个很酷的动画导航菜单。您可以在下面的CodePen演示中看到它的实际效果：
对实施菜单感到兴奋吗？让我们开始吧。
立即学习“前端免费学习笔记（深入）”；
HTML5引入了许多新标签和功能。这意味着我们不再需要使用div元素来包装我们想要设置样式的所有内容。我们的标记现在可以更加明智和语义化。
让我们从网站的标题部分开始。我们将其包装在header元素内，如下所示。