Efeito Fade.

Boa Noite Zombies! ~

Tudo bem com vocês? Comigo, acho que não poderia estar melhor! Só sinto a falta de um bom cobertor, aqui tá um frio exagerado. a-a Nem dá pra acreditar que moro na Bahia. OPSKAPOSKAPOS. Vamos jogar conversa fora um pouco... Vocês assistiram o final de malhação? Gente me batendo em 3, 2. 1... Bem, eu chorei com o final. Não costumo assistir desde que terminou a versão ID, mas eu assisti as últimas semanas desta. Tudo bem, vamos mudar de assunto... Deixa eu pensar... Ah, minhas férias estão acabando. Diferente do que deve acontecer com a maioria de vocês, minhas férias começaram dia 20 do mês passado e termina nesta segunda-feira, o que significa: Minha vida mais apressada, eu estudando pras recuperações, menos tempo para mim... Mas eu vou conseguir conciliar tudo. Como sempre, né?

Bom, como eu havia prometido à vocês, criei uns efeitos para aplicar em imagens. O primeiro que eu fiz (e que estou disponibilizando nessa postagem) é pra usar em imagens do gadget de welcome. Isso é algo que eu não vejo com frequência na blogosfera: Efeitos CSS para a imagem do Welcome, e por isso levei em consideração os que eu uso e fiz esse. Preview aqui (XX). Os Icons foram feitos pelo Things To Help You, eu estava com preguiça de fazer e fui pegando os primeiros que eu vi. rç Clique em "Leia Mais" para aprender.

O efeito é bastante simples, nada muito complicado.

Eu uso ele na minha elite de afiliados/blogroll no Dark Flame, só que um pouco diferente...

Pra começar, cole isso no seu CSS: 

/* Efeito Fade by Josh Hofstadter
----------------------------------------------- */

.fade {background: #fff; padding: 5px; -webkit-transition-duration: 0.50s; outline: 1px dashed #fff; outline-offset: -8px; margin-left: 5px; opacity: 0.6;}

.fade:hover { outline: 1px dashed transparent; outline-offset: -1px; -webkit-transition-duration: 0.50s; background: transparent; opacity: 1.0;}

Recomendo que não altere nada, mas se quiser, mude a cor do "background" (que é a mesma cor da borda sólida) ou a cor do "outline", que é a cor da bordinha tracejada.
Agora coloque isso onde deseja por a imagem:

<img src="URLDAIMAGEM" class="fade">

Se quiser colocar na elite de afiliados:

<a href="LINK" title="TITULODOBLOG"><img src="URLDAIMAGEM" class="fade"></a>

Acho que só isso já dá para entender, né?
Basta mudar o que está em negrito e pronto. \o/
Até a próxima, anjos. ♥

XOXO,

Josh Hofstadter.