Реализация квадратного орнамента в CSS3

Question

CSS3 позволяет разработчикам реализовывать простую графику без использования изображений.

Например этот градиентный фон конверта :

Существует ли способ создания орнамента на основе квадрата с помощью css3.Примером является slavik украшение, как это:

Я не прошу пример, просто если это можно сделать, установив квадратный цвет и положение.Возможно, это слишком сложный из орнамента и должен быть представлен по крайней мере в виде изображения SVG.

Answer 1

Посмотрите на эти примеры http://lea.verou.me/css3patterns/ Там есть несколько сложных. Но имейте в виду, что этот метод имеет тенденцию быть тяжелым для процессора, особенно в Firefox.

Вы также можете попытаться сгенерировать те, которые используют javascript на холсте, расположенном за экраном, захватить его содержимое как изображение и использовать это изображение для фона. Вот пример, как вы можете реализовать это http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/