Color4Bg——抽象背景生成器

最近我发现了一个非常炫酷且超赞的网站，这个网站提供了免费定制抽象艺术风格的彩色背景，无论是流动的线条、波浪形状，背景光，还是网格阵列，你需要的色彩主题，风格在这里都能轻松生成。遥想当前做过的一个彩带流动特效的网站，那个时候只能麻烦 UI 设计师制作特效，然后将其转成视频格式，最后我把video元素当做背景，才实现客户的需求。

现在，有了这个生成器，制作背景变得简单多了！该工具可以将生成的特效导出为 PNG、WebM 视频或 直接使用JS 文件。

效果之一：

网址：Color4Bg

接下来，我用几行代码就实现了我想要的效果。只需先在网站上调整好特效，然后下载 JS 文件即可。

<script src="./src/assets/AbstractShapeBg.min.js"></script>

<div id="box"></div>

new Color4Bg.AbstractShapeBg({
	dom: "box",
	colors: ["#FF0000","#FF7F00","#FFFF02","#00FF02","#0000E2","#9900FF"],
	loop: true
})

没错，就这么简单，一个抽象的背景就实现了！真心要给作者点赞。

我的微信公众号： 梨的前端小屋