Генератор box-shadow

Создайте CSS box-shadow визуально, с поддержкой нескольких наложенных слоёв и внутренних теней (inset).


          
        

Частые вопросы

Что делает «Inset»?

Переносит тень с внешней стороны блока внутрь, создавая эффект вдавленности вместо парения над поверхностью.

Могу ли я накладывать несколько теней?

Да, нажмите «Добавить слой тени», чтобы наложить друг на друга ещё тени. CSS box-shadow нативно поддерживает это через значения, разделённые запятыми. Если сочетать мягкую большую тень с более резкой, тёмной и узкой, часто получается более реалистичный эффект глубины.

Отправляется ли это куда-либо?

Нет, предпросмотр и CSS создаются полностью в вашем браузере. Ничего не загружается.