Генератор тіні тексту

Створюйте читабельні стилі тіні тексту з попереднім переглядом типографіки. Виберіть зсув, розмиття та колір, а потім скопіюйте 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 текстової тіні.

How this tool works

Введіть зразок тексту, якщо хочете.
Налаштуйте зсув X/Y, розмиття та колір.
Скопіюйте CSS текстової тіні.

Recommended settings

Спочатку скористайтеся параметрами за замовчуванням, а потім відкоригуйте, якщо потрібно

Supported formats

Text / on-page input

File size and limits

Дуже складні багатошарові попередні перегляди можуть працювати повільніше на старих телефонах.

Privacy

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

Common use cases

Використовуйте Text Shadow Generator у будь-який час: створюйте читабельні стилі тіней тексту з попереднім переглядом типографіки.

Troubleshooting

Після вставлення попередній перегляд виглядає інакше

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

FAQ

Це завантажує мій CSS?

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

Чи потрібен мені обліковий запис?

Ні. Відкрийте інструмент, налаштуйте елементи керування та скопіюйте CSS.