Разработчик
Генератор CSS-узоров
Фоновые узоры на чистом CSS (полосы, точки, шахматы).
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Создать узор
Выберите узор, цвета и размер: предпросмотр обновится, а CSS-код готов к копированию.
Доступные узоры
| Узор | Техника |
|---|---|
| Полосы | repeating-linear-gradient |
| Точки | radial-gradient |
| Сетка | linear-gradient × 2 |
| Шахматы | repeating-conic-gradient |
Чистый CSS, на 100% локально.
Частые вопросы
Почему CSS, а не картинка?
Легче, чёткий при любом масштабе, масштабируется без потерь и без сетевых запросов.
Как использовать?
Скопируйте блок CSS и примените к элементу (или body) через класс.
Везде работает?
Используемые CSS-градиенты поддерживаются всеми современными браузерами.