Для разработчиков · онлайн · бесплатно
CSS-тень
Двигайте ползунки: видите тень, копируете CSS.
Что делает инструмент
Собирает свойство box-shadow с живым просмотром: сдвиг, размытие, растяжение, цвет и прозрачность.
Как пользоваться
- Подвигайте ползунки.
- Выберите цвет тени.
- Скопируйте CSS.
Полезно знать
- Включите «Внутрь», чтобы тень была внутренней.
- Малая плотность и большое размытие выглядят естественнее всего.
Частые вопросы
- Можно несколько теней?
- Скопируйте строки и соедините их запятой в одном box-shadow.
- Работает во всех браузерах?
- Да, box-shadow поддерживается везде.