skew image
geef een plaatje een cross browser skew

home | index | menu | help

Er is geen CSS ondersteuning.

		

skew-plaatje












		
		

Om een plaatje te skewen hoef je niet al te veel te doen. Zet een image op jouw pagina en geef die de class: "skew". Vervolgens plaats je de onderstaande css-code in jouw style-sheet, in de head van jouw pagina. Om de afbeelding(en) een specifieke skew te geven kan je alle "getalletjes" aan jouw eigen wensen aanpassen.

<style type="text/css" media="screen">
		img.skew{
			margin-left:100px;
			position:absolute;
			-moz-transform: matrix(1, 0, -0.6, 1, 0, 0);
			-webkit-transform: matrix(1, 0, -0.6, 1,  0, 0);
			-o-transform: matrix(1, 0, -0.6, 1,  0, 0);
			z-index:-1;
			filter:progid:DXImageTransform.Microsoft.Matrix(M11="1",M12="-0.2",M21="-0.2",M22="1",sizingMethod='auto expand');}
</style>
		

cache 01-03-2011