Question 1

Что такое свойство CSS text-shadow?

Accepted Answer

Свойство CSS text-shadow добавляет тени к тексту. Оно принимает список теней, разделённых запятыми, каждая из которых определяется горизонтальным смещением (px), вертикальным смещением (px), радиусом размытия (px) и цветом. Пример: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

Можно ли накладывать несколько теней текста?

Accepted Answer

Да! CSS text-shadow поддерживает несколько теней через запятую: text-shadow: 1px 1px 2px black, 0 0 10px blue. Каждая тень рендерится по порядку — первая (снизу) до последней (сверху). Этот инструмент позволяет добавлять, настраивать и удалять любое количество теней.

Question 3

Что делает радиус размытия?

Accepted Answer

Радиус размытия управляет тем, насколько размытой является тень. Значение 0 даёт чёткую тень. Большие значения создают более размытую, мягкую тень. В отличие от box-shadow, у text-shadow нет параметра радиуса распространения, поэтому размытие — единственный способ контролировать размер тени.

Question 4

Какие браузеры поддерживают text-shadow?

Accepted Answer

CSS text-shadow поддерживается всеми современными браузерами, включая Chrome, Firefox, Safari, Edge и Opera. Широко поддерживается с 2010 года и не требует вендорных префиксов. Безопасно использовать во всех производственных средах.

Question 5

Как создать эффект неонового свечения?

Accepted Answer

Для неонового свечения наложите несколько слоёв text-shadow одного цвета, но с увеличивающимся размытием: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. Начните с белой основной тени, затем добавляйте более широкие цветные тени для эффекта свечения.

Генератор CSS-тени текста

Часто задаваемые вопросы

Comments & Feedback