Box Shadow генератор — с примерами кода

Создайте CSS box-shadow визуально Примеры кода и подсказки по использованию.

🔲

Box Shadow генератор

Создайте CSS box-shadow визуально

Смещение X5px

Смещение Y5px

Размытие15px

Распространение0px

Непрозрачность25%

Цвет#000000

InsetВнутренняя тень

CSS

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.25);

📋

Как пользоваться

1
Настройте параметры тени.
2
Добавьте слои.
3
Скопируйте CSS.

📖

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

Создайте тень для элемента визуально. Смещение, размытие, растяжение, цвет. Множественные тени и предпросмотр в реальном времени.

💡

Полезные советы

💡

Для лучших результатов используйте современный браузер (Chrome, Firefox, Edge)

🎯

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

⚡

Сохраняйте результат сразу после обработки

🔑

Попробуйте разные настройки для оптимального результата

❓

Часто задаваемые вопросы

Да, добавляйте слои для сложных эффектов.

Да, внешняя и внутренняя тень.

Box Shadow генератор — с примерами кода

Box Shadow генератор

Как пользоваться

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

Полезные советы

Часто задаваемые вопросы

Похожие инструменты

JSON Formatter

Base64 кодирование

Генератор паролей

Генератор QR-кодов

Box Shadow генератор — с примерами кода

Box Shadow генератор

Как пользоваться

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

Полезные советы

Часто задаваемые вопросы

Похожие инструменты

JSON Formatter

Base64 кодирование

Генератор паролей

Генератор QR-кодов