Генератор CSS box-shadow
Настройте параметры CSS-тени и мгновенно получите соответствующее значение box-shadow с живым предпросмотром. Обработка 100% локально в вашем браузере (WebAssembly) — ничего не отправляется на сервер.
Как это работает
CSS-свойство box-shadow принимает горизонтальное смещение, вертикальное смещение, радиус размытия, радиус распространения, цвет и необязательное ключевое слово "inset" для внутренней тени. Этот инструмент собирает эти значения в реальном времени, чтобы вам не пришлось подбирать настройки вручную.
В чём разница между размытием и распространением?
Размытие смягчает края тени, делая их плавными, а распространение увеличивает или уменьшает размер тени до применения размытия.
Для чего нужна опция "inset"?
Она превращает внешнюю тень во внутреннюю, которая проецируется внутрь элемента; часто используется для эффекта углубления или имитации поля ввода.
Обработка 100% локально: расчёт полностью выполняется в вашем браузере через WebAssembly, без отправки каких-либо данных на сервер.