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

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

Создавайте объявление CSS text-shadow, регулируя смещение, размытие, цвет и прозрачность, и наблюдайте, как значение обновляется при вводе. Инструмент собирает один или несколько слоев теней в правильном порядке и синтаксисе с разделением запятыми, позволяя копировать готовое объявление прямо в вашу таблицу стилей без ручной настройки чисел.

Выберите пресет, чтобы сразу перейти к типичному эффекту: неоновое свечение складирует растущие, плавно исчезающие кольца размытия в самом символе; выдавленный добавляет светлый блик напротив тёмной тени для штампованного, гравированного вида; 3D-слои повторяют сплошной, не размытый цвет вдоль смещения для эффекта сложенных букв; контур имитирует обводку, используя восемь не размытых теней вокруг текста, так как text-shadow не имеет собственного свойства обводки. Переключитесь на "Пользовательский" для полного ручного управления смещением X и Y, радиусом размытия, количеством слоёв, цветом и прозрачностью — каждый слой растёт из базовых значений, которые вы установили. Выбирайте между единицами px и rem, а также между простым объявлением CSS или классом произвольного значения Tailwind для проектов без таблицы стилей для вставки.

Сгенерированное значение не имеет значимого верхнего предела размера для нескольких слоёв, но инструмент всё же защищает от неконтролируемого вывода, как каждый генератор на этом сайте, поэтому патологический ввод никогда не заморозит вкладку. Каждый параметр пересчитывает результат в реальном времени с коротким запозданием, с подсчётом ниже, сообщающим количество слоёв и точную длину объявления в символах.

Всё работает локально в вашем браузере. Ни один выбор цвета, смещения или пресета никогда не передаётся куда-либо — инструмент вычисляет CSS полностью на вашем устройстве. Когда вы довольны результатом, скопируйте его, загрузите как файл .txt или отправьте результат обратно во ввод, чтобы продолжить его уточнение.

FAQ