Генератор text-shadow
Создавайте многослойные тени текста с живым предпросмотром и готовым CSS.
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Тени текста на заказ
Задайте смещение, размытие, цвет и прозрачность, добавьте второй слой и получите свойство text-shadow с живым предпросмотром на тексте.
-
Настройте слой 1
X, Y, размытие, цвет, прозрачность.
-
Включите слой 2
Для контура или свечения.
-
Скопируйте CSS
Одно свойство, готовое к вставке.
Анатомия свойства
| Часть | Пример | Роль |
|---|---|---|
| Смещение X | 2px | Горизонталь (минус = влево) |
| Смещение Y | 2px | Вертикаль (минус = вверх) |
| Размытие | 4px | Рассеяние тени |
| Цвет | rgba(124, 58, 237, 0.5) | Тон и прозрачность |
Слой по умолчанию: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5);. Предпросмотр и расчёт 100 % локально.
Частые вопросы
Как работает text-shadow?
Свойство принимает по порядку: горизонтальное смещение X, вертикальное Y, радиус размытия, затем цвет. Пример: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5). Отрицательные значения смещают влево/вверх.
Можно ли накладывать несколько теней?
Да, через запятую. Инструмент даёт два слоя: первый рисует основную тень, второй (необязательный) добавляет контур или свечение другого цвета.
Как сделать свечение (glow)?
Поставьте X и Y в 0, увеличьте размытие и выберите яркий цвет с хорошей прозрачностью. Свет ровно расходится вокруг текста. Дублируйте слой для усиления.
Тень вредит читаемости?
Слишком сильная тень мешает. Для основного текста — лёгкое размытие и умеренная прозрачность; выраженные эффекты — для крупных заголовков. Предпросмотр поможет оценить.