Генератор CSS-тени текста

Создавайте многослойные тени текста визуально. Настраивайте смещение, размытие и цвет для каждого слоя, наблюдайте обновление в реальном времени, затем скопируйте CSS одним кликом.

Текст предпросмотра

Цвет текста

Фон

Размер шрифта 48px

Hello World

Работает полностью в вашем браузере. Ничего не загружается на сервер.

Как это работает

STEP 1

Введите текст для предпросмотра

Введите любой текст в поле предпросмотра, чтобы увидеть, как именно тень будет выглядеть на реальном контенте.

STEP 2

Настройте каждый слой тени

Задайте смещение по X и Y, радиус размытия, цвет и прозрачность. Добавляйте слои для эффектов свечения, тиснения или неона.

STEP 3

Скопируйте CSS

Нажмите «Скопировать CSS», чтобы получить готовое к вставке свойство text-shadow для вашей таблицы стилей.