CSS 图案生成器
纯用 CSS 渐变构建可平铺的背景图案，无需任何图片文件，然后复制生成的 CSS。
工作原理
每种预设都构建一到两层带有硬色标（颜色之间没有柔和过渡）的 CSS
linear-gradient() 或 radial-gradient()，正是这种硬色标把平滑渐变
变成了清晰的重复形状。background-size 被精确设置为一个平铺单元的尺寸，
使图案边缘无缝重复，圆点和网格图案还会额外偏移 background-position，
让形状居中显示而不是在角落被裁切。
这一切都是生成的 CSS，应用在预览框自身的 background 样式上。不会上传任何内容，
也不会发起任何图片请求。
常见问题
这会用到图片文件吗？
不会，每个图案都是由 CSS 渐变叠加为重复背景构建而成的，完全没有图片请求。这让图案在任意缩放级别和任意元素尺寸下都保持清晰，因为它是矢量运算，而不是位图平铺。
图案能无缝平铺吗？
可以，background-size 被精确设置为一个重复单元的大小，所以图案在任意元素尺寸下都能边到边重复，没有可见接缝。
这些内容会被发送到别的地方吗？
不会，图案完全通过你浏览器的 CSS 引擎生成和预览，不会上传任何内容。