为背景图像创建CSS3

Question

我想知道是否有一种简单的方法可以使用CSS3重新创建附加图像。

我已将此图片作为页面背景包含在内，但其中一位资深开发人员告诉我，使用CSS3可以轻松创建此图像背景。

我认为可以使用CSS3完成背景图像以获得可重复的图案。但是这张图片没有我能看到的任何图案。

这张图片可以吗？

Answer 1

我认为这作为实验很有意思，但它不实用。

您可以将图片转换为css here。 PNG效果最好。

警告但是，您将获得大量HTML + CSS来创建此图像。它虽然会出现像素完美。我也会警告你，我尝试将它上传到Jsfiddle，Jsbin和Codepen - 所有这些都会挂起。笔加载，我无法保存它，因为它大于1MB。

This is what my text editor looks like with your image converted to CSS though.

这仅供参考。是的，你可以转换为CSS，但这并不意味着你应该。我想它可能对电子邮件等有用吗？但不适用于大型图像。

干杯！