Генератор CSS Тіні Тексту

Створюйте безкоштовно онлайн приголомшливі CSS-ефекти тіні тексту з інтерактивними повзунками. Генеруйте багатошарові тіні та копіюйте CSS-код миттєво.

Shadow Layers
The quick brown fox jumps over the lazy dog
CSS Output 

            

        

    


    



        
Як це працює

        

            
    

  1. Введіть текст, до якого хочете застосувати ефект тіні, у поле попереднього перегляду.
    2. 

  2. Налаштуйте повзунки для горизонтального та вертикального зміщення, розмиття та кольору тіні.
    3. 

  3. Додайте додаткові шари тіні для створення складніших і виразніших ефектів.
    4. 

  4. Спостерігайте за змінами в реальному часі у вікні попереднього перегляду.
    5. 

  5. Натисніть кнопку копіювання, щоб отримати готовий CSS-код, і вставте його безпосередньо у свій проєкт.
    6. 



        



        
Приклад

        

                
Вхід: Горизонтально: 2px, Вертикально: 4px, Розмиття: 6px, Колір: #333333

                
Результат: text-shadow: 2px 4px 6px #333333;

        


        
ЧПЗ

        

                

                    

                        
                    

                    

                        

                            Так, CSS Text Shadow Generator є повністю безкоштовним і не потребує реєстрації чи встановлення.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Абсолютно. Уся обробка відбувається на стороні клієнта у вашому браузері. Жодні дані не надсилаються на жодний сервер, тому ваша робота залишається повністю конфіденційною.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Так, інструмент підтримує багатошарові тіні. Ви можете додавати та налаштовувати кожен шар окремо для створення унікальних ефектів.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Властивість text-shadow підтримується всіма сучасними браузерами, включаючи Chrome, Firefox, Safari та Edge.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Використовуйте формат кольору rgba, наприклад rgba(0, 0, 0, 0.5), щоб отримати напівпрозору тінь.