Создайте свойства тени вашего блока, чтобы получить стиль CSS.
Используйте ползунки и палитру цветов для установки значений и просматривайте предварительный просмотр в реальном времени, пока не достигнете желаемого эффекта. Выберите сдвиг вправо-вниз, распространение, размытие, непрозрачность, цвет.
Выберите собственный цвет для фона предварительного просмотра и вашего объекта.
Добавить несколько теней
Веб-браузеры позволяют нам добавлять более одной тени к нашему дизайну, как и этот онлайн-инструмент. Используйте кнопку «Добавить», чтобы сохранить текущую строку и настроить новую.
CSS синтаксис
box-shadow: none|<em>h-offset v-offset blur spread color </em>|inset|initial|inherit;
Примечание. Чтобы прикрепить к элементу несколько теней, добавьте список теней, разделенных запятыми (см. Ниже пример «Попробуйте сами»).