Vá no editor html do seu blog e procure por isso:
/* Contentcopie o código abaixo e cole-o após a chave em negrito:
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
/* efeito nas imagens do post */Visualize o modelo, deu certo? Salve. Se achar mais fácil, aperte Ctrl+F e procure pela tag ]]></b:skin>. Ao encontrá-la, copie o código do efeito e cole-o antes dela.
.post img {
border-radius: 40px;
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
-webkit-transition-duration: 1.90s;
}
.post a:hover img {
border-radius: 20px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-webkit-transition-duration: 1.90s;
}
Você pode alterar os valores em negrito para mais ou menos alterando assim, a borda arredondada nas imagens. Se quiser, altere também os valores em itálico para deixar as imagens com mais ou menos opacidade.
Nenhum comentário:
Postar um comentário