Efeito Moderadora #01

Oii! Faz tempo que não posto um tutorial, eu tive uma ideia e consegui uma para vocês. De efeito moderadora, ele e bonitinho até e vale a pena usar ele. Ele da um pequeno aumento de zoom e ele tem bordas que podem trocar as cores. Eu não estou postando muito porque estou de cama. Mais ja estou um pouco melhor e vou ver se posto mais.

Visualizar: ★

1.Coloque o código abaixo antes de ]]></b:skin>:

.efeitomod {witdh: padding : 1px;border-right:4px solid #b1c3a9;border-bottom:4px solid #f1b5aa;border-left:4px solid #b1c3a9;border-top:4px solid #f1b5aa;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;border-radius:2px;-o-transition: all 1s ease;transition: all 1s ease; }

 .efeitomod:hover {-webkit-transform: rotate(0deg) scale(1.383) skew(0deg) translate(0px);-moz-transform: rotate(0deg) scale(1.383) skew(0deg) translate(0px);-o-transform: rotate(0deg) scale(1.383) skew(0deg) translate(0px);}

2.E cole o código abaixo onde quer que apareça:

<a href="URLDOBLOG"><img src="IMAGEM" width="70px" title="NOME" class="efeitomod" /></a>

So edite onde esta vermelho.

Imagem = A imagem da moderadora.
Nome = Nome da moderadora.
Urldoblog = O blog da moderadora.
70px = Tamanho da imagem so edite o ' 70 '.