11 Фоновых рисунков с помощью градиентов CSS3
Представляю вашему вниманию очередную порцию фоновых рисунков, созданных с помощью градиентов из обоймы CSS3, без использования дополнительных изображений.
В подборке собрал 11 вариантов текстур, которые вы легко сможете использовать в качестве заливки, как базового фона сайта, так и других блочных элементов.
Ранее мы уже рассматривали несколько интересных вариантов реализации фоновых текстур с помощью линейных и радиальных градиентов, так что сложностей с пониманием процесса ни у кого возникнуть не должно.
Смотрите на результат, на фарш кода CSS и те кому оно надо, можете смело копировать или скачивать архив с исходниками, чтобы в дальнейшем использовать в своих проектах.
1. Мелкие клеточки по диагонали
Фоновый рисунок в виде пересекающихся разноцветных линий по диагонали, в результате чего визуально получается текстура в мелкую клеточку, или квадраты, если хотите. Достигается с помощью свойства repeating-linear-gradient()
— бесконечно повторяющийся линейный градиент.
Самые лучшие цвета для фона белый или серый, чтобы глаза не уставали 🙂
Это понятно)), но ведь кому-то да нужно, да и не обязательно использовать такие текстуры именно для фона сайта.
Блин! Интересные салфетки! Счас буду экспериментировать. Спасибо!