Генератор тени блока CSS

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

box-shadow generator

Свойство box-shadow создаёт элементу тень.


А вот сейчас самое интересное. Что может творить свойство box-shadow в CSS с блоком. Все нижеприведенные примеры вы можете проверить прямо на этой странице, меняя данные прямо в коде блоков и посмотреть, что из этого выйдет. А так-же скопировать полученный код и вставить на свой сайт в стиль CSS для вашего блока.

Объёмный блок из нескольких box-shadow

цвет одной стороны

цвет другой стороны

толщина тени

%MINIFYHTML0377718f002229944f65f36c03ca348444%<div id="cube"></div>

Эффект тени блока

Тень вокруг div CSS

CSS тень с одной стороны, например снизу

CSS тень по сторонам

Многослойный блок с помощью box-shadow

Разноцветная CSS рамка

CSS внутренняя тень блока (внутри элемента)

Как сделать вдавленный элемент

Выпуклый элемент с закругленными углами

Заявка на бесплатную консультацию

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

    Даю свое согласие на обработку персональных данных.

    ×
    Заказать сайт

    Чтобы заказать сайт заполните форму ниже. Я перезвоню Вам, отвечу на все вопросы, приму Ваш заказ и назову его ориентировочную стоимость.

      Даю свое согласие на обработку персональных данных.

      ×
      Заказать сайт по акции "Все включено"

      Для заказа сайта по акции «Все включено» заполните форму ниже. Я перезвоню Вам, отвечу на все вопросы, и приму Ваш заказ.

        Даю свое согласие на обработку персональных данных.

        ×
        Заказ услуги

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

          Даю свое согласие на обработку персональных данных.

          ×