Фоновые узоры на CSS
Выберите узор и настройте два цвета, размер и толщину. Фон строится из CSS-градиентов: он ничего не весит и чётко выглядит на любом экране.
Как пользоватьсяФоны с узором, только на CSS
Доступно на: 
Фоновые узоры на CSS: для чего нужен
Выберите один из восьми узоров, сделанных только из CSS-градиентов (горошек, сетка точек, клетка, линии, полосы, диагонали, шахматка и зигзаг), и настройте два цвета, размер и толщину. Миниатюра каждого узора сразу показывает ваши цвета.
В коде нет ни одной картинки: он лёгкий и чёткий при любом разрешении.
Как пользоваться
- Выберите узор.
- Настройте цвета, размер и толщину.
- Скопируйте CSS и примените класс fundo.
Когда использовать
- Неброские фоны для разделов сайтов.
- Шапки и баннеры с текстурой.
- Фоны презентаций и макетов.
Частые вопросы
Зачем делать узор на CSS?
Потому что не нужно скачивать картинку: браузер рисует узор градиентами. В коде несколько строк, качество не теряется на экранах с высоким разрешением, а цвет меняется простой заменой значений.
Как сделать узор неброским?
Используйте два очень близких цвета (например, фон #ffffff и узор #eef2f7) или сделайте цвет узора полупрозрачным. Яркие узоры за текстом мешают чтению.
Работает во всех браузерах?
Да. Узоры используют linear-gradient, radial-gradient и repeating-linear-gradient, которые поддерживают все современные браузеры.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.