1 de mar de 2013

Efeito de círculo nas imagens do Blogger com CSS






Um efeito interessante este de deixar as imagens arredondas no Blogger ao passar o mouse. Pode dar uma bossa a mais a seu blog.






Acima dele, cole o código abaixo:

/*Efeito hover imagens-----------------------------------------------------------------*/
.post-body img {
-webkit-transition-duration: .50s;
border-radius: 10px 10px 10px 10px;
}
.post-body img:hover {
-webkit-transition-duration: .50s;
border-radius: 260px 260px 260px 260px;
}




Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.



5 comentários:

  1. Eu testei no meu blog e realmente faz um efeito bem legal...confesso que só não deixei porque ando pondo tanta coisa no html que fico com receio de, sei lá, deixar o blog pesado pra carregar, não sei se isso influencia.

    Mas salvei o link...vai que :)

    Mas parabéns, achei o efeito muito legal

    ResponderExcluir
  2. Aproveitando... será que vc sabe como se faz aquele efeito onde quando passamos o mouse em cima da imagem, aparece outra?

    ResponderExcluir
  3. Tem um efeito também, que pode ser adicionado por CSS que é o de deixar a imagem sépia!
    É só colar isso aqui:
    img {
    -webkit-filter: sepia(0%);
    transition:All 0.4s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    }
    img:hover {
    -webkit-filter: sepia(100%);
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;}

    Beijos, louisecaramel.blogspot.com

    ResponderExcluir
  4. Senhora boa noite, passando pra lhe desejar um feliz natal.Muita saúde, sucessos e paz.
    E que DEUS a cada dia lhe mantenha firme como uma rocha,leve como as nuvens e sabia como universo.
    Obrigado por tudo que tenho aprendido aqui com a senhora, se hoje eu consigo trabalhar com códigos eu devo ao seu trabalho aqui em seu site.
    Um abraço e mais uma vez e sempre obrigado por tudo, por tudo mesmo.

    ResponderExcluir
  5. Feliz natal
    Feliz natal pra senhora e pra toda sua família
    Obrigado por tudo que a senhora me ensinou, por tudo que a senhora tem transmitido pra mim e pra todos que visitam e participam ativamente do seu site.
    Obrigado senhora, obrigado por tudo e que DEUS lhe abençoe sempre, sempre mesmo.

    ResponderExcluir

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