Генератор CSS Text Shadow

Усі інструменти

Налаштування text shadow

Шар 1
Статус
Очікування

Живе превью

Toolinix
Живий перегляд CSS text-shadow

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

Генератор CSS Text Shadow допомагає візуально зібрати значення text-shadow та одразу скопіювати його у свій проєкт.

Можна створювати м’які тіні, контурні ефекти, glow або багатошарові неонові text-shadow, а також розбирати готові значення назад у редаговані шари.

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

  1. Налаштуйте offset, blur і колір для одного або кількох шарів.
  2. Дивіться, як превью оновлюється одразу.
  3. Використайте Generate для нормалізації значення або Parse для розбору вже готового text-shadow.
  4. Скопіюйте або чисте значення, або повне CSS правило.

Поради

  • Для чіткого контуру використовуйте маленький blur.
  • Для неонового ефекту добре працює кілька шарів без зсуву, але з різним blur.
  • Легка тінь зазвичай виглядає краще за надто темну.
  • Кілька шарів часто дають цікавіший ефект глибини, ніж один.

Пов’язані інструменти

Можливо, тобі також стануть у пригоді ці інструменти.

FAQ

Чи можна використовувати кілька text-shadow одночасно?
Так. Генератор підтримує кілька шарів і виводить їх як text-shadow, розділений комами.
Чим text-shadow відрізняється від box-shadow?
Text-shadow застосовується до символів тексту, а box-shadow — до рамки елемента.
Чи можна вставити вже готовий text-shadow?
Так. Через Parse можна завантажити готове значення text-shadow і розкласти його на редаговані шари.
Чи підтримуються неонові та контурні ефекти?
Так. У пресетах є м’яка тінь, неон і контур.