Генератор CSS text-shadow
Створюйте багатошарові значення CSS text-shadow з готовими пресетами для неону, видавленого, 3D та контурного тексту.
Генератор CSS text-shadow
Створюйте оголошення CSS text-shadow, регулюючи зміщення, розмиття, колір та прозорість, і спостерігайте, як значення оновлюється під час введення. Інструмент збирає один або кілька шарів тіней у правильному порядку та синтаксисі, розділених комами, дозволяючи копіювати готове оголошення прямо в ваш таблиць стилів без ручного налаштування чисел.
Виберіть пресет, щоб одразу перейти до типового ефекту: неоновий світ складує зростаючі, плавно зникаючі кільця розмиття в самому символі; видавлений додає світлий бліск проти темної тіні для штампованого, гравіюваного вигляду; 3D-шари повторюють суцільний, не розмитий колір вздовж зміщення для ефекту складених букв; контур імітує обведення, використовуючи вісім нерозмитих тіней навколо тексту, оскільки text-shadow не має власної властивості обведення. Переключіться на "Користувацький" для повного ручного керування зміщенням X та Y, радіусом розмиття, кількістю шарів, кольором та прозорістю — кожен шар зростає з базових значень, які ви встановили. Вибирайте між одиницями px та rem, а також між простим оголошенням CSS або класом довільного значення Tailwind для проектів без таблиці стилів для вставки.
Створене значення не має змістовної верхньої межі розміру для кількох шарів, але інструмент все ж захищає від невконтрольованого виведення, як кожен генератор на цьому сайті, тому патологічне введення ніколи не заморозить вкладку. Кожний параметр пересчитує результат в реальному часі з коротким запозданням, з підрахунком нижче, який повідомляє кількість шарів та точну довжину оголошення символами.
Все працює локально у вашому браузері. Ніякий вибір кольору, зміщення або пресета ніколи не передається кудись — інструмент обчислює CSS повністю на вашому пристрої. Коли ви задоволені результатом, скопіюйте його, завантажте як файл .txt або відправте результат назад у введення для подальшого його уточнення.