Генератор text-shadow

text-shadow обводит глифы букв, box-shadow — прямоугольник блока. У тени текста нет параметра растяжения: только смещение по двум осям, размытие и цвет. Внутренней тени у текста тоже нет, эффект вдавленности имитируют светлой тенью снизу и тёмной сверху.

Четырьмя слоями без размытия, смещёнными на один пиксель в каждую сторону. Это старый приём, он работает везде. Современная альтернатива — свойство -webkit-text-stroke, но оно рисует обводку внутрь буквы и утончает её, поэтому на мелком тексте обводка тенью выглядит аккуратнее.

Обычно из-за светлого фона. Свечение — это несколько слоёв одного цвета с растущим размытием и без смещения, и на белом оно тонет. Неон работает на тёмном фоне, а сам текст при этом делают почти белым: светится не буква, а воздух вокруг неё.

Значит, она слишком плотная. Для читаемости хватает смещения в один-два пикселя и размытия вдвое больше при непрозрачности около 30%. Тень на основном тексте статьи вообще лучше не ставить: она снижает контраст и утомляет глаз на длинной дистанции.

Не тенью, а подложкой: полупрозрачный тёмный слой под текстом даёт стабильный контраст на любом кадре. Тень помогает только там, где фон предсказуемо светлый или тёмный. Если всё же нужна тень, берите мягкую и широкую: 0 2px 12px с непрозрачностью около половины.

Для статичного текста — сколько угодно, отрисовка происходит один раз. Для анимации держитесь трёх-четырёх: каждый слой пересчитывается на каждом кадре, и длинный заголовок с восемью тенями заметно роняет плавность.

Нет, всё собирается в браузере.