Генератор CSS text-shadow
Настройте смещение, размытие и цвет тени текста в CSS и мгновенно получите соответствующее значение text-shadow с предпросмотром в реальном времени. Расчёт на 100% локально в вашем браузере — ничего не отправляется на сервер.
Как это работает
CSS-свойство text-shadow принимает горизонтальное смещение, вертикальное смещение, необязательный радиус размытия и цвет. Инструмент позволяет настроить каждое значение ползунками и сразу увидеть результат на демонстрационном тексте, чтобы создать эффект рельефа, свечения или ретро-стиль, не подбирая значения вручную наугад.
Можно ли наложить несколько теней на один текст?
Да, свойство text-shadow принимает несколько объявлений через запятую (например, для неонового эффекта с несколькими наложенными ореолами). Инструмент генерирует одну тень за раз; при необходимости вы можете скопировать результат и вручную объединить его с другими значениями.
Как добиться убедительного неонового эффекта?
Установите горизонтальное и вертикальное смещение на 0, сильно увеличьте размытие и выберите яркий цвет на тёмном фоне: именно такая комбинация используется в пресете «Неоновый эффект» выше.
Данные не покидают ваше устройство: вычисление и предпросмотр выполняются целиком локально в вашем браузере.