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

3 Варианта фоновых текстур с помощью градиентов css3

3 Варианта фоновых текстур с помощью градиентов css3

Представляю вашему вниманию 3 варианта основного фона для сайта в тёмных тонах, созданные с помощью линейного и радиального градиентов из обоймы CSS3, без использования дополнительных изображений.

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

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

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

1. Точки на тёмно-синем фоне

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

  • Саша: 6 апреля, 2016 в 12:57

    шикарно!

    Ответить
  • Вадим: 19 июля, 2016 в 17:07

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

    Ответить

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

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

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