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

Всі інструменти
Генератор CSS box-shadow
Створюйте шарові CSS box-shadow за допомогою живих повзунків зсуву, розмиття, поширення, кольору, прозорості та вставки — переглядайте на реальному елементі та копіюйте готовий CSS.
Живий попередній перегляд
Живий попередній перегляд
CSS
box-shadow: —;

Все оновлюється в реальному часі у вашому браузері — без завантажень, без реєстрації, повністю безкоштовно.

Шари тіні
px
px
px
px
Колір тіні
20%
Елемент та полотно
16px
Заготовки
Поділитися
Пов'язані інструменти
Конструктор email-підписів

Створіть професійний HTML-підпис для електронної пошти з 30 шаблонів, налаштуйте та збережіть його.
Форматувальник коду

Форматуйте HTML, CSS та JavaScript — розставляйте відступи та переноси рядків, щоб зробити брудний або мінімізований код читабельним.
Генератор QR-кодів

Створіть QR-код (URL, текст, Wi-Fi, vCard…) у форматі PNG.
Іконка в PNG

Конвертуйте Bootstrap Icons, Font Awesome та інші в кастомні PNG-зображення — безкоштовно, у вашому браузері.
Генератор іконок застосунків

Створіть повний, готовий до публікації набір іконок застосунку для App Store і Google Play — чудові градієнтні, mesh- та візерункові фони на основі вашого логотипа.
Генератор фавіконів

Створіть повний пакет фавіконів із логотипа, шрифтової іконки або монограми — favicon.ico, сучасні PNG, іконка Apple touch, іконки PWA, вебманіфест та HTML-фрагмент.
Популярні запити
генератор css box shadow box shadow css генератор тіней онлайн створення css тіней багатошарова box shadow inset тінь css

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.