Генератор CSS box-shadow — бесплатно онлайн

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

Что он умеет

Вы собираете тень CSS наглядно. Двигаете ползунки смещения по горизонтали и вертикали, размытия, разброса, цвета и прозрачности — и предпросмотр меняется вместе с ними. Когда тень выглядит так, как нужно, вы забираете готовый код CSS.

Ничего не уходит с вашего устройства

Всё работает прямо в браузере. Ничего не загружается, ничего не сохраняется на сервере, и регистрироваться не нужно. То, что вы собрали, остаётся у вас на экране.

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

  1. Откройте CSS Box Shadow Generator.
  2. Двигайте ползунки смещения, размытия, разброса, цвета и прозрачности, пока предпросмотр не станет таким, как нужно.
  3. Скопируйте код CSS и вставьте его в свою таблицу стилей.

Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.

Новые посты на почту

Скоро можно будет оставить email и получать новые посты — без аккаунта и спама.

Подписка по email пока не работает — сейчас ничего не собираем.