Генератор тени текста CSS — бесплатно онлайн

Хочется, чтобы заголовок выделялся, и вы добавляете тень к тексту. Но чтобы попасть точно, приходится наугад подбирать числа, сохранять файл, обновлять страницу и снова подбирать. Мы сделали бесплатный инструмент, который всё это берёт на себя — CSS Text Shadow Generator — прямо в браузере.

Что он умеет

Он помогает собрать тень для текста наглядно, слой за слоем. Для каждого слоя вы задаёте смещение, размытие и цвет, а превью меняется на лету, так что сразу видно, как получается. Сложите несколько слоёв для более насыщенного эффекта, а когда всё устроит — скопируйте готовый CSS одним кликом.

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

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

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

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

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

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

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

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