7 de set de 2012

Efeito degradê css3

Faded_large
Oi , trouxe um tutorial super legal fica super show e pode-se aplicar em qualquer background do blog ex: Fundo do Gadget, Fundo do Titulo do Gadget etc... 
É o efeito gradiente conhece?!
Primeiro créditos ao Super blog Go Imagine ->(www) foi lá que eu aprendi a fazer esse efeito (=
   Let's Go?!


Gradiente Horizontal
background: #Códigodacor1; /* browsers sem suporte a css3 */
background: -webkit-gradient(linear, left top, right top, from(#Códigodacor1), to(#Códigodacor2));/* webkit browsers */
background: -moz-linear-gradient(left, #Códigodacor1, #Códigodacor2);/* firefox3.6+ */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#Códigodacor1', EndColorStr=' #Codigodacor2');/* IE */
Gradiente Vertical

background: #Códigodacor1; /* browsers sem suporte a css3 */
background: -webkit-gradient(linear, left top, left bottom, from(#Códigodacor1), to(#Códigodacor2));/* webkit browsers */
background: -moz-linear-gradient(top, #Códigodacor1, #Códigodacor2);/* firefox3.6+ */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#Códigodacor1', EndColorStr=' #Códigodacor2');/* IE */
Agora é só substituir os códigos destacados por duas cores.
 O resultado será mais ou menos como eu uso no titulo do post e do gadget etc..

5 comentários:

  1. que simples ^^ mas na onde antes ou dps de qual lugar que eu coloco os código? adorei els!

    jovenclube.(blogspot.com)

    ResponderExcluir
  2. Conheço sim e também uso com muita frequência, é um dos meus efeitos favoritos ^^^

    Abraços
    Revolução Nerd

    ResponderExcluir
  3. Vou Postar sobre isso M.Campanello =D
    obg por perguntar.

    ResponderExcluir
  4. legal os tutos
    bjus
    radiopires.blogspot.com

    ResponderExcluir
  5. Eu conhecia o efeito, mas nao sabia como aplicar, bem legal ^^

    ResponderExcluir