Чому цей інструмент корисний
Додайте чітку, масштабовану текстуру до hero-областей, карток або порожніх станів без додавання растрового фону чи створення додаткового запиту.
Дизайн і CSS · працює локально
Генератор візерунків фону CSS
Створюйте легкі фони з крапок, сітки або діагональних смуг із CSS-градієнтів із керованими інтервалами, товщиною штриха та кольорами замість графічних файлів.
Готово. Ваші робочі дані залишаються в цьому браузері.
Як це працює
Обраний візерунок вибирає перевірену формулу градієнта, а інтервали й розмір лінії обмежуються, щоб попередній перегляд і скопійований CSS залишалися передбачуваними.
Практичний приклад
Створіть синю точкову сітку з кроком 20 пікселів на світлому тлі для заголовка панелі та повторно використовуйте результат за будь-якої щільності екрана.
Перевірка
Обчислення є детермінованим і пояснює помилки перевірки замість того, щоб непомітно змінювати некоректні вхідні дані.
Межа приватності
Ввід і вивід залишаються в цій вкладці. Копіювання та завантаження відбуваються через API браузера без завантаження на сервер.
Паспорт результату
Кожен запуск повідомляє свій режим інструмента, мітку часу та розмір вхідних/вихідних даних, щоб можна було перевірити перетворені дані.