Онлайн-инструмент CSS Box Shadow Generator

color
color

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

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

Выберите собственный цвет для фона предварительного просмотра и вашего объекта.

 

Добавить несколько теней

Веб-браузеры позволяют нам добавлять более одной тени к нашему дизайну, как и этот онлайн-инструмент. Используйте кнопку «Добавить», чтобы сохранить текущую строку и настроить новую. 

 

CSS синтаксис

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Примечание.  Чтобы прикрепить к элементу несколько теней, добавьте список теней, разделенных запятыми (см. Ниже пример «Попробуйте сами»).