Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

11 Фоновых рисунков с помощью градиентов CSS3

11 Фоновых рисунков с помощью градиентов CSS3

Представляю вашему вниманию очередную порцию фоновых рисунков, созданных с помощью градиентов из обоймы CSS3, без использования дополнительных изображений.
В подборке собрал 11 вариантов текстур, которые вы легко сможете использовать в качестве заливки, как базового фона сайта, так и других блочных элементов.

Ранее мы уже рассматривали несколько интересных вариантов реализации фоновых текстур с помощью линейных и радиальных градиентов, так что сложностей с пониманием процесса ни у кого возникнуть не должно.

Смотрите на результат, на фарш кода CSS и те кому оно надо, можете смело копировать или скачивать архив с исходниками, чтобы в дальнейшем использовать в своих проектах.
 

1. Мелкие клеточки по диагонали

Фоновый рисунок в виде пересекающихся разноцветных линий по диагонали, в результате чего визуально получается текстура в мелкую клеточку, или квадраты, если хотите. Достигается с помощью свойства repeating-linear-gradient() — бесконечно повторяющийся линейный градиент.
 

Всего комментариев: 3

  • Profi: 7 октября, 2017 в 16:51

    Самые лучшие цвета для фона белый или серый, чтобы глаза не уставали 🙂

    Ответить
    • driver: 7 октября, 2017 в 18:24

      Это понятно)), но ведь кому-то да нужно, да и не обязательно использовать такие текстуры именно для фона сайта.

      Ответить
  • Сергей: 25 марта, 2019 в 13:53

    Блин! Интересные салфетки! Счас буду экспериментировать. Спасибо!

    Ответить

Оставить комментарий

Ваш email не будет опубликован.

Вы можете использовать следующие HTML тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>