令人惊叹的纯 HTML 和 CSS 背景动画

动画很酷，不是吗？它们能为我们的网站增添一些额外的元素，让它们在众多网站中脱颖而出！然而，构思动画有时可能相当困难，而且即使你决定只用 HTML 和 CSS 编写代码，也并不意味着你不能为你的网页增添更多乐趣。这里有一些很棒的创意，可以帮助你入门。

对角线颜色渐变

由 Alison Quaglia 创建

它简单、精巧、易于编码，并且可以创建很酷的悬停效果

滑动对角线背景效果

由克里斯·史密斯创作

与前一个例子不同，这个例子很微妙，它的目的是吸引你的注意力

仅 CSS 动画背景

由 Nour Ibram 创建

给原本单调的背景增添派对的感觉，不是吗？

十月落叶

由 Casthra Demosthene 创建

图案动画（无限）

由 Adam Abundis 创建

感谢@keyframes无限滚动😁

很棒的动画背景

由 Beshoy Ekram 创建

您能花点时间欣赏一下这个动画有多吸引人吗？色彩混合非常赏心悦目，而且不会分散人们对前端标题的注意力。

动画森林背景

由 Carpe numidium 创建

漂浮的立方体

由 Mohammad Abdul Mohaiman 创建

我在我的技术文档页面里用了这个动画。太棒了！😀

CSS 背景动画选择 2

由 Sépion 创建

Sublte😏

浮云背景

由 Shaw 创建

我知道我说的是纯 CSS，但是当我看到这个 CSS(Less) 动画时，我想你也会喜欢它😏

我希望这些想法能给你带来一些启发。欢迎你使用这些 CodePen 进行尝试，并将它们变成你自己的！这只是一些想法的一小部分；网络是一个充满无限可能的宝库。

祝你编码愉快！😊

                                                 💞 Babi