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), за да постигнете полупрозрачна сянка.