Postado por
Bom dia queridos e queridas leitores do meu querido queridíssimo blog.. rsrsrsrs como está essa manha?? bom sei que a maioria poderá ler essa postagem a tarde pois vocês estudam né minha gente! eu só trabalho mesmo... Gente obrigada pela participação de vocês aqui no Only Dreams, mesmo com a blogosfera tão paradinha.. Bom eu estou ficando animada com os resultados do blog e isso que esta me motivando a continuar postando todos os dias.. estou indo afundo em busca de coisas legais, criativas interessantes para vocês.. É que depois de tanto tempo com o blog parado decidi me dedicar ao máximo a ele, pois não foi fácil chegar até aqui e seria muito triste simplesmente larga-lo depois de tanto sacrifício para ele crescer, pelos menos um porquinho.. Falando sobre a postagem de hoje eu trouxe um efeito muito lindo para você usar na sua elite de afiliados ou nos moderadores de seu blog..
Ver a Preview do Efeito
/** EFEITO QUEEN **/
.queen a, .queen a img {display: inline-block;}
.queen a {width: 160px; height: 200px; position: relative; padding: 5px; background: #ffcccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px;}
.queen a span {position: absolute; width: 160px; height: 200px; top: 5px; left: 5px; text-align: center; line-height: 16px; color:#000;font-size: 18px; opacity: 0; filter: alpha(opacity=0); background: rgba(255,255,255,0.8); transition-duration: 2s; -webkit-transition-duration: 1s; -moz-transition-duration: 2s;}
.queen a:hover span{opacity: 1; filter: alpha(opacity=99);}
<div class="queen">
<a href="https://www.blogger.com/"><img src="SUA IMAGEM AQUI" />
Algo aqui</a>
<a href="https://www.blogger.com/"><img src="SUA IMAGEM AQUI" />
Algo aqui</a>
<a href="https://www.blogger.com/"><img src="SUA IMAGEM AQUI" />
Algo aqui</a>
</div>