Генератор теней CSS
Создавайте CSS для теней (внешних/внутренних) с настраиваемыми параметрами.
Шаблон
box-shadowtext-shadowЦвет (#000000)
Непрозрачность (50%)
Spread (5px)
Смещение Y (10px)
Смещение X (10px)
Размер (0px)
Направление
ВнешняяВнутренняяОбъяснение
Генерирует CSS в реальном времени из параметров тени, таких как цвет и расстояние.
Настройки
| Шаблон | Выберите между тенями для блока (box-shadow) и тенями текста (text-shadow). |
|---|---|
| Цвет | Задаёт цвет тени. |
| Непрозрачность | Задаёт непрозрачность цвета тени. |
| Spread | Настраивает степень размытия/spread. |
| Расстояние | Задаёт смещения X/Y. 0px — по центру. |
| Размер | Задаёт размер тени. При расстоянии 0px увеличение размера даёт эффект свечения. |
| Направление | Выберите, будет ли тень снаружи или inset. |