← Все инструменты для текста

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

Настраивайте тени блока ползунками с живым предпросмотром, затем копируйте CSS.

  • Бесплатно
  • Без регистрации
  • Работает на любом устройстве

Около Генератор CSS box-shadow

Настраивайте смещение, размытие, растяжение, цвет и прозрачность в предпросмотре и копируйте объявление box-shadow. Значения идут в таком порядке: смещение по x, смещение по y, радиус размытия, радиус растяжения и цвет. Добавьте inset, чтобы тень рисовалась внутри блока, и оставляйте непрозрачность низкой для естественного вида.

Как пользоваться инструментом «Генератор CSS box-shadow»

  1. Задайте параметры выше. Результат обновляется на лету.
  2. Меняйте что угодно, пока всё не станет как надо.
  3. Скопируйте результат или скачайте его.

Чем полезен этот инструмент?

Другие названия

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

Что делает значение spread в box-shadow?

Spread увеличивает или уменьшает тень до применения размытия. Положительное число делает её больше блока, отрицательное — меньше, что удобно для теней только с одной стороны.

Инструмент «Генератор CSS box-shadow» бесплатный?

Да. Инструмент «Генератор CSS box-shadow» на Toolipedia бесплатный: без регистрации и водяных знаков.

Это безопасно?

Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.

Работает ли это на телефоне?

Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.

Нужна ли учётная запись?

Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.

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