KOMPOOS.NL

highlight image

home » css » image-effects » highlight-image.html

sitemap

highlight image css

uitleg highlight images class

Plaats de onderstaande style-sheet in de head-sectie van jouw pagina. Alle plaatjes op de pagina zullen bij een hover (dan) oplichten.

highlight image css regels

<style type="text/css" media="screen">
	img,a:visited img,a img{
		border:0;
		-moz-opacity:0.5;
		opacity:0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
		opacity:.5;
		-khtml-opacity:0.5;}
	img:hover,a:hover img{
		-moz-opacity:1.0;
		opacity:1.0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;-khtml-opacity:1.0;}
</style>

Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.