Про цей інструмент
Створіть повторюваний візерунок фону — смуги, шахівницю, крапки або сітку — з двох кольорів і розміру, лише за допомогою градієнтів, потім скопіюйте CSS. Перегляд оновлюється наживо у вашому браузері.
Поширені запитання
Як ці візерунки створюються без зображень?
Вони використовують CSS-градієнти linear та radial разом із background-size, які браузер замощує, щоб намалювати повторюваний візерунок.
Чи масштабується візерунок на екранах високої щільності?
Так — градієнти векторні, тож візерунок залишається чітким за будь-якої роздільної здатності чи рівня масштабування.