UTILS.
Приватність за замовчуванням
⬛

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

Створюйте box-shadow візуально з живим попереднім переглядом і копіюйте CSS.

Ваші файли залишаються на цьому пристрої

Файли обробляються у браузері й не надсилаються на сервер. Сайт завантажує код і ресурси для роботи інструментів. Без акаунтів і трекерів.

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

Візуально створюйте CSS box-shadow, перетягуючи повзунки зміщення, розмиття, розтягування, кольору та прозорості, а потім копіюйте готове правило. Усе оновлюється наживо й працює повністю у вашому браузері.

Поширені запитання

Що робить значення spread?
Spread збільшує (додатне значення) або зменшує (від’ємне) тінь до застосування розмиття, роблячи її більшою чи щільнішою за елемент.
Що таке inset-тінь?
Inset малює тінь усередині елемента, а не зовні, що зручно для натиснутих кнопок чи внутрішнього сяйва.

Більше інструментів