При всем разнообразии фонов представленных на сайтетем не менее было не так много материалов рассказывающих, что такое градиентный фон для сайта и как его использовать и применять в дизайне сайта.
Градиентный фон в ряде дизайнерских решений может быть более выгодным при оформлении сайта. Градиентный фон может быть двух-трехцветным и более. Также это могут быть оттенки одного цвета, расположенные через равные или отличные друг от друга расстояния.
То есть тут есть где разгуляться фантазии. Но если нас Бог фантазией не обидел, и каждый может придумать какой-нибудь затейливый фон, то с реализацией у нас могут возникнуть трудности.
Вот как раз для решения подобных задач я хочу вам посоветовать использовать Ultimate CSS Gradient Generator - это бесплатный онлайн сервис. С помощью CSS Gradient Generator вы сможете выбрать готовые варианты градиентных фонов.
Под галереей готовых градиентных фонов вы можете выбрать готовые схемы градиентов, а в блоке Adjustments, уже в готовой схеме, изменить цвета, оттенки и освещенность.
А в правом блоке, вы можете задать положение градиента: вертикально, горизонтально, по диагонали и пр. После того, как настроите свой градиентный фон, вы можете взять CSS код градиентного фона и разместить в своем файле стилей, применительно к body или любому другому блоку в дизайне вашего сайта (шапка, футер, для оформления разделов меню сайдбара и т.д).
Как будет выглядеть градиентный фон для бэкграунда сайта
Если ваш браузер позволяет то вы можете посмотреть на бэкграунд находясь на странице со статье которую в данный момент прочли. Посмотрите на цвет в левом верхнем углу и в правом нижнем. Так и есть на сайте fonforsite.ucoz.com на всех страницах кроме галереи, используется градиентный фон.
Комментарии (0)
Оставить Комментарий
[ Регистрация | Вход ]