цвет
Box Shadow
собери CSS box-shadow визуально.
о проекте
тяни ползунки и собирай box-shadow. живой предпросмотр + CSS-код, который можно скопировать.
как пользоваться
- потяни ползунки x, y, размытия и растяжения.
- выбери цвет тени и включи inset, если хочешь её внутри.
- кликни по коду внизу, чтобы скопировать CSS.
примеры
- собери мягкую тень для карточки.
- сделай жёсткую тень со смещением 4px для необруталистской кнопки.
- добавь inset-тень для эффекта вдавленности.
вопросы и ответы
что такое растяжение (spread)?
насколько тень растёт или сжимается за пределами края элемента. отрицательные значения тянут её внутрь.
чем размытие отличается от растяжения?
размытие смягчает край. растяжение меняет размер до того, как применяется размытие.