11.1.12

Imagens com bordas arredondadas e efeito hover


meninos&meninas ,
estou tendo diversas idéias p. o nosso novo layout, porque não estou tãao satisfeita com este.
Então, agora vamos ao tuto, leia mais [eu peguei esse tuto do Generation Teen ]
  • Vai no Blogger > Design > Editar Html
  • Tecle Ctrl +F e procure por:
]]>
  • Acima dessa tag, cole o código abaixo:
.main img {
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px; */ Bordas arredondadas */
-webkit-transition-duration: .70s; */ Efeito fade */
}

.main img:hover {
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px; */ Bordas arredondadas hover */
-webkit-transition-duration: .70s; */ Efeito fade */
}
  • Se quiser edite o código de acordo com as partes sublinhadas e salve.

5 comentários:

Mihh disse...

achoo lindoo esse tipo de imagem!

bjs
http://avidademalu.blogspot.com/ http://designdesenhos.blogspot.com/ http://ohmygood-omg.blogspot.com/

Ana (Generation Teen) disse...

Oi flor, obrigada pelos créditos *-*
bjs :*

http://generationteenbr.blogspot.com/

_________________________
I added cool smileys to this message... if you don't see them go to: http://s.exps.me

Malena disse...

Nossa, não tem como visitar e não se apaixonar, tudo aqui é tão lindo *-* Já sigo...

Venho assim convidá-la a dar uma passada no Embalaço Artistic e se puder seguir agradeço muito.

http://embalacoartistic.blogspot.com

Aguardo vc por lá ^^

Novidades e Notícias disse...

Mihh, eu tbm adoro esse tipo de música.
Obg Malena. s2

Alicia Giovana disse...

Tem como fazer um post com o código para que as imagens fiquem com a borda inteira arredondada ?