Генератор текстовых теней

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

Text Shadow Generator

Live

Sample text

Offset X2px

Offset Y4px

Blur12px

Shadow color

Shadow

CSS output

text-shadow: 2px 4px 12px #be185d;

Key capabilities

Создавайте читаемые стили теней текста с помощью предварительного просмотра типографики в реальном времени.
Запускается в вашем браузере
Бесплатное использование

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

Введите образец текста, если хотите.
Настройте смещение X/Y, размытие и цвет.
Скопируйте CSS-текст text-shadow.

How this tool works

Введите образец текста, если хотите.
Настройте смещение X/Y, размытие и цвет.
Скопируйте CSS-текст text-shadow.

Recommended settings

Сначала используйте параметры по умолчанию, затем при необходимости измените их.

Supported formats

Text / on-page input

File size and limits

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

Privacy

Генераторы цвета и CSS полностью работают в вашем браузере. Предварительный просмотр и преобразование никогда не загружают ваши стили.

Common use cases

Используйте генератор теней текста, когда вам нужно: создавайте читаемые стили теней текста с предварительным просмотром типографики в реальном времени.

Troubleshooting

Предварительный просмотр выглядит по-другому после вставки

Проверьте наличие конкурирующих CSS на вашей странице (сбросы, унаследованные цвета). Сначала скопируйте сгенерированное правило в изолированную таблицу стилей.

FAQ

Это загружает мой CSS?

Нет. Генераторы и преобразователи запускаются в вашем браузере с предварительным просмотром в реальном времени.

Нужен ли мне аккаунт?

Нет. Откройте инструмент, настройте элементы управления и скопируйте CSS.