Toolzy

Генератор CSS box-shadow

Создавайте CSS-тени блоков с предпросмотром в реальном времени.

box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);

Настройте смещение, размытие, растяжение, цвет и прозрачность, чтобы создать box-shadow и скопировать CSS.

Как использовать

  1. Перетаскивайте ползунки, чтобы задать форму тени.
  2. Выберите цвет и прозрачность.
  3. Скопируйте CSS.

Частые вопросы

Что делает inset?
Он рисует тень внутри элемента, а не снаружи.
Можно ли накладывать тени слоями?
Да, вручную объедините несколько значений box-shadow, разделив их запятыми.

Похожие инструменты