Генератор CSS box-shadow
Создавайте CSS-тени блоков с предпросмотром в реальном времени.
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);Настройте смещение, размытие, растяжение, цвет и прозрачность, чтобы создать box-shadow и скопировать CSS.
Как использовать
- Перетаскивайте ползунки, чтобы задать форму тени.
- Выберите цвет и прозрачность.
- Скопируйте CSS.
Частые вопросы
- Что делает inset?
- Он рисует тень внутри элемента, а не снаружи.
- Можно ли накладывать тени слоями?
- Да, вручную объедините несколько значений box-shadow, разделив их запятыми.