在CSS3中实现基于方形的装饰

Question

CSS3允许开发人员在不使用图像的情况下实现简单的图形。

例如this envelope gradient background：

有没有办法通过css3生成基于方形的装饰。一个例子是这样的斯拉夫克装饰：

我不是要求一个例子，只要它可以通过设置方形颜色和位置来完成。也许它太复杂的装饰，至少需要提供svg图像。

Answer 1

看看那些例子 http://lea.verou.me/css3patterns/ 那里有一些复杂的。 但请注意，这种技术在cpu上往往很重，尤其是在Firefox中。

您也可以尝试使用位于屏幕外的画布中的javascript生成那些，将其内容捕获为图像并将该图像用作背景。以下是如何实现此功能的示例 http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/