UTILS.
100% у браузері

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

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

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

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

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

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

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