Tutorial - Borda e opacidade nas imagens

Eu me deixando com fome vendo fotos de comida no instagram

Buenos dias ou boa tarde pra quem já almoçou ^-^
Hoje trouxe um tutorial pra vocês *o*  depois de tanto tempo ashuashuas
Se quiserem ver,vão em frente e deem uma cutucada no continue lendo com o mouse (seus malvados machucando uma  pobre palavra com o mouse)

Vá no HTML e apert Ctrl + F  e depois pesquise  por ] ] > < / b : s k i n >

  ( sem os espaços) na caixinha que aparecer
Cole logo acima esse código:

.border { 

-moz-opacity:0.70; opacity:0.70;

-webkit-transition-duration:2s;

background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/; 

border:2px solid #c8debf; /* Cor e estilo da borda*/ } 

.border:hover  { 

filter:alpha(opacity=100); 

-moz-opacity:1.0; 

opacity:1.0;

background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/

border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/ 

} 

Veja se deu tudo certo e depois salve as alterações

Para o código funcionar, você tem que por a tag class="border" no código da imagem quando for usá-la.

Créditos do tutorial: CB

Só uma perguntinha: O que acham de eu criar uma ask para o blog?

~Beijos