html背景动起来,CSS+HTML <循环滚动背景效果>

参考效果地址：CSS背景图无限循环滚动动画[1]

Tips：文末有示例代码地址。

或许你主要想实现背景倾斜移动的效果，但这里也会给你介绍点其他知识点～ 首先如果你想要实现背景这样的，方法有很多，只要有一张图，和 动画就行了！

svg图片地址[2]，接下来就是让重叠动起来，代码直接放最下面了就。

知识点：

注：有些属性可能用处不大，但是还是建议了解下

place-items: center;[3]: 属性是align-items 和 justify-items 的简写;

place-content: center;[4]: 属性是align-content 和 justify-content的简写;

[grid-template-areas: "body";](https://developer.mozilla.org/zh-CN/docs/Web/CSS/grid-template-areas "grid-template-areas: "body";"): 属性是网格区域 grid areas 在CSS中的特