Opacidade e Borda nas imagens

Olá, hoje eu vi um tutorial bem legal no Little Bad Girl. Então créditos ao blog!
Bem Vamos lá?




Bem vamos ao tutorial.

1º Editar HTML>>CTRL+F e procure por /* Header. Se não achar essa tag procure por /* ----- HEADER ----- */

Copie este codigo e coloque em baixo de /* Header:


/*------ IMAGE ANIMATION------*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #ff0080;padding: 0px;}

 E pronto ! É só salvar, veja o resultado:

8 comentários:

  1. Oiiie,
    achei seu blog uma fofuura.Seguindo,bjs
    http://so-pra-teens.blogspot.com.br/

    ResponderExcluir
  2. oi amei seu blog,
    seguindo,bjs
    http://so-pra-teens.blogspot.com.br/

    ResponderExcluir
  3. que efeito lindo Jeh, adorei e vou tentar fazer aqui :P

    http://delicadaeegoista.blogspot.com/

    ResponderExcluir
  4. Onwwt *--* Que fófis esse efeito! Flooooooooor seu lay ta DIVO# D++! Vai por mim, tá perfeito! Amei, vou morrir >< Bezões Luuh
    Rawr Girl ~> teenstyle.com

    ResponderExcluir
  5. Aceito afiliação !!! Vou botar vc lah no ice cream tah??? Me bota no seu tah? Beijocaaas

    ResponderExcluir

Hooy peoples, quem quiser comentar é só clicar na caixa aqui em baixo !!
Pode falar palavrão sim, eu falo pacas, é bonito?? Nãaaao!!! kkkkk
Só não escrevam "seguindo, seguem de volta"
Eu visitarei seu blog, e se gostar seguirei por conta propria.

Agora podem comentar kkk