Генератор SVG-узора в полоску
Создайте собственный векторный узор в полоску: цвета, толщина и угол настраиваются. Скачайте SVG-файл или скопируйте код и сразу встройте его на сайт. Генерация на 100% локально, на сервер ничего не отправляется.
Как это работает
Узор в полоску на фоне баннера, раздела или иллюстрации должен оставаться чётким на экранах любого размера. Если создать его в SVG, а не в PNG, он остаётся векторным: масштабируется и повторяется, никогда не становясь размытым или пикселизированным. Настройте два цвета, толщину и угол полос, а затем получите готовый к встраиванию файл.
Как использовать этот узор как CSS-фон?
Скачайте SVG-файл и подключите его как фон через background-image: url('motif-rayures.svg') либо скопируйте SVG-код и закодируйте его в data URI, если хотите избежать лишнего HTTP-запроса.
Повторяется ли узор автоматически на большой площади?
Да: полосы создаются через встроенный SVG-элемент <pattern>, который повторяется плиткой по всей заданной области, независимо от выбранного размера прямоугольника. Поэтому можно создать небольшой узор и при необходимости использовать его с CSS-свойством background-repeat.
Конфиденциальность: SVG полностью строится в вашем браузере, никакие данные и настройки не отправляются на сервер.