2009 começa agora! ;)

  Bem fim das minhas ferias, das festas e do meu tur pelo mundo (rsrs), muita coisa aconteceu enquanto estive fora! É momento de assistir BBB9, Lost entre outras porcarias da tv aberta que eu adoro...
Garimpar por novos assuntos pra postar aqui, e... nossa! Quanta coisa legal e outras nem tanto que aconteceram que eu gostaria de publicar ou simplesmente comentar neste blog, acho que virei um blogueiro mesmo.
 Aproveito tambem e deixo o link do wallanimes o site de wallpapers que eu adoro e que cada dia esta melhor.

 Enfim saudade de tudo isso, saudade desse mundo virtual que eu amo!
Abraços!
(agradecimentos especiais ao GAMA do STORM-EX por segurar as pontas e num deixar este blog morrer)

Opacidade em imagens apenas com CSS

Olá, mais um mini tutorial apos anos de inatividade, sabe como é né??

ferias...

Bom vamos lá,não sei se alguem percebeu... as imagens dos nossos parceiros estão meio transparentes,eu anteriormente ensinei como fazer isso usando java script,bem hoje voces vao aprenders apenas com css.

vou criar uma div

e vou dar a ela uma class



exemplo

<div class="imagens">

</div>


Qualquer elemento que fique dentro desta div vai ter que seguir os comandos que sejam enviados pelo css da div.



em sua folha de estilo voce vai adicionar o seguinte CSS

.imagens img{opacity: .4;  filter:alpha(opacity=40);  -moz-opacity: 0.4;  -khtml-opacity: 0.4;background:#000;}

.imagens img:hover{opacity:9.0;  filter:alpha(opacity=900);  -moz-opacity: 9.0;  -khtml-opacity: 9.0;}

a resultado será que qualquer imagem que voce coloque dentro da div com o a class 'imagens' vai ter o efeito.


Vejam como ficou:

Bom.. se alguem tem alguma duvida... comente

=D