Генератор Text Shadow

Про цей інструмент

Генератор CSS text-shadow налаштовує зміщення, розмиття, колір і прозорість тіні тексту з живим переглядом і дає змогу накладати кілька шарів тіні для ефектів світіння, обведення та 3D-тексту.

Як користуватися

1. Налаштуйте зміщення по горизонталі й вертикалі та розмиття.
2. Виберіть колір і прозорість тіні, а також колір і розмір тексту.
3. Натисніть «Додати шар», щоб накласти ще одну тінь; «Скинути шари» — щоб почати заново.
4. Натисніть «Копіювати CSS».

Корисно знати

• Синтаксис text-shadow: offset-x offset-y blur-radius color.
• На відміну від box-shadow, у text-shadow немає значення spread і ключового слова inset.
• Кілька тіней розділяються комами, і перша з них малюється зверху.
• Тінь з нульовим зміщенням і розмиттям створює ефект світіння.
• Кілька накладених зміщень по 1 px дають 3D-ефект або ефект тиснення.

Працює повністю у вашому браузері — нічого з того, що ви вводите, не завантажується й не зберігається.

Поширені запитання