132 · Дизайн и Интернет

Генератор теней коробки

Перетащите ползунки, чтобы сформировать тень, посмотрите предварительный просмотр и скопируйте CSS.

Ваши данные: Этот инструмент обрабатывает ваш ввод в этом браузере. CapyHelp не загружает эти данные для генерации результата. Подробности конфиденциальности

Генератор теней коробки

#1e1b4b

Как использовать генератор теней коробки

  1. Отрегулируйте смещение, размытие и распространение.
  2. Выберите цвет и непрозрачность.
  3. Скопируйте линию тени блока.

Естественные тени

Настоящие тени мягкие и слегка тонированные. Большое размытие с отрицательным разбросом, низкой непрозрачностью и оттенком цвета вашего дизайна выглядит более естественно, чем сплошной черный цвет. Вторая, плотная тень добавляет четкие края, что и делает опция «мягкий второй слой».

Примеры

Y 12 пикселей, размытие 32 пикселя, разброс −8 пикселей, 25 %

Мягкая тень карты

Вставка

Вдавленный взгляд

Вопросы

Влияет ли тень блока на макет?

Нет. Тени рисуются за пределами элемента, ничего не перемещая вокруг него.

Автоматический перевод. Обзор важных результатов.