CSS Metin Gölge Oluşturucu

Ücretsiz ve çevrimiçi CSS metin gölge efektleri oluşturun. İnteraktif kaydırıcılarla çok katmanlı gölgeler ekleyin ve CSS kodunu anında kopyalayın.

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

            

        

    


    



        
Nasıl Çalışır

        

            
    

  1. Gölge efekti uygulamak istediğiniz metni önizleme alanına girin.
    2. 

  2. Yatay ve dikey kaydırma, bulanıklık yarıçapı ve gölge rengi için kaydırıcıları ayarlayın.
    3. 

  3. Daha zengin ve karmaşık metin efektleri oluşturmak için birden fazla gölge katmanı ekleyin.
    4. 

  4. Değişikliklerin önizleme panelinde gerçek zamanlı olarak güncellendiğini izleyin.
    5. 

  5. Kopyala düğmesine tıklayarak hazır CSS kodunu alın ve projenize doğrudan yapıştırın.
    6. 



        



        
Örnek

        

                
Giriş: Yatay: 2px, Dikey: 4px, Bulanıklık: 6px, Renk: #333333

                
Sonuç: text-shadow: 2px 4px 6px #333333;

        


        
SSS

        

                

                    

                        
                    

                    

                        

                            Evet, CSS Text Shadow Generator tamamen ücretsizdir ve kayıt veya kurulum gerektirmez.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Kesinlikle. Tüm işlemler, tarayıcınızda istemci tarafında gerçekleştirilir. Hiçbir veri herhangi bir sunucuya gönderilmez, bu nedenle çalışmanız tamamen gizli kalır.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Evet, araç çok katmanlı gölgeleri destekler. Her katmanı bağımsız olarak özelleştirerek benzersiz efektler oluşturabilirsiniz.
                        

                    

                

                

                    

                        
                    

                    

                        

                            text-shadow özelliği Chrome, Firefox, Safari ve Edge dahil tüm modern tarayıcılar tarafından desteklenmektedir.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Yarı saydam bir gölge elde etmek için rgba renk biçimini kullanın; örneğin rgba(0, 0, 0, 0.5) gibi bir değer girin.