15 de abr de 2013

Text-shadow, colocar sombra nos textos

Alguns códigos para deixar textos com sombras. Estes códigos podem ser aplicados em pequenas partes para dar a seu texto um maior destaque. Pode ser nos títulos das postagens, dos widgets, algum texto que se queira dar uma maior dramaticidade e chamar atenção.

Percebam que coloquei não só o código CSS do efeito da sombra como também a cor do background (fundo) e da font (letra).


                              Escrevendo assim                     
           color: #000; background: #808080; text-shadow: 0.1em 0.1em 0.05em #333;



               Escrevendo assim                           
           color: #fff; background: #808080; text-shadow: 0.1em 0.1em 0.05em #333;


                 Escrevendo assim                        
           color: #000; background: #808080;text-shadow: 0.1em 0.1em #333;


                                        Escrevendo assim                 
           color: #fff; background: #808080; text-shadow: 0.1em 0.1em 0.05em #cc0000;


                                        Escrevendo assim             
           color: #fff; background: #eee; text-shadow: black 0.1em 0.1em 0.2em;


                                        Escrevendo assim                     
           color: #000; background: #808080; text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006;


                                  Escrevendo assim                        
           color: #333; background: #808080; text-shadow: -1px -1px white, 1px 1px #333;


                                   Escrevendo assim                     
           color: #808080; background: #808080; text-shadow: 1px 1px white, -1px -1px #444;


                 Escrevendo assim                     
           color: #808080; background: #808080; text-shadow: -1px -1px white, 1px 1px #333;



                                        Escrevendo assim                
           color: #fff; background: #808080; text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black;



                   Escrevendo assim                       
           color: #fff; background: #808080; text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
        0 0 0.2em #87F;


                                        Escrevendo assim                           
           color: #000; background: #808080; text-shadow: 0.1em 0.1em 0.05em #333;


                                        Escrevendo assim                           
           color: #fff; background: #808080; text-shadow: 2px 2px 0 #ffd217, 4px 4px 0 #5ac7ff, 6px 6px 0 #ffd217, 8px 8px 0 #5ac7ff;


                                        Escrevendo assim                           
           color: #000; background: #808080;  text-shadow: 0 0 4px #fefcc9, 5px -5px 9px #feec85, -6px -6px 9px #ffae34, 6px -6px 8px #ec760c, -4px -8px 8px #cd4606, 0 -10px 12px #973716, 10px -10px 8px #451b0e;



                                        Escrevendo assim                           
           color: #000; background: #808080; text-shadow: 1px 1px 0px #808080, 2px 2px 0px #000000;



                                        Escrevendo assim                           
           color: #fff; background: #808080; text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 7px #fff, 0 0 10px #ff00de, 0 0 12px #ff00de, 0 0 14px #ff00de, 0 0 17px #ff00de, 0 0 200px #ff00de; ;

Um comentário:

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube