Generátor CSS Stínu Textu

Vytvářejte zdarma online úžasné CSS efekty stínu textu s interaktivními posuvníky. Generujte vícevrstvé stíny a okamžitě kopírujte hotový CSS kód.

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

            

        

    


    



        
Jak to funguje

        

            
    

  1. Zadejte text, pro který chcete vytvořit efekt stínu, do náhledového pole.
    2. 

  2. Posuňte jezdce pro horizontální a vertikální posun, rozmazání a barvu stínu.
    3. 

  3. Přidejte další vrstvy stínu pro vytvoření složitějších vizuálních efektů.
    4. 

  4. Sledujte změny v reálném čase přímo v náhledu na stránce.
    5. 

  5. Klikněte na tlačítko pro zkopírování a vložte vygenerovaný CSS kód přímo do svého projektu.
    6. 



        



        
Příklad

        

                
Vstup: Horizontální: 3px, Vertikální: 3px, Rozmazání: 5px, Barva: #555555

                
Výsledek: text-shadow: 3px 3px 5px #555555;

        


        
Časté dotazy

        

                

                    

                        
                    

                    

                        

                            Ano, CSS Text Shadow Generator je zcela zdarma bez nutnosti registrace nebo instalace.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Ano. Veškeré zpracování probíhá přímo ve vašem prohlížeči na vašem zařízení. Žádná data nejsou odesílána na žádný server.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Ano, nástroj podporuje více vrstev stínů. Každou vrstvu lze samostatně upravit, čímž dosáhnete unikátních efektů.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Vlastnost text-shadow je podporována ve všech moderních prohlížečích jako Chrome, Firefox, Safari a Edge.
                        

                    

                

                

                    

                        
                    

                    

                        

                            Při výběru barvy použijte formát rgba, například rgba(0, 0, 0, 0.4), abyste dosáhli poloprůhledného stínu.