:: FILOWEB.it: Ruotare una immagine o testo con webkit Transform sull over

 
		<title>Documento senza titolo</title>

<style type=" text/css" >

.prova {

  -webkit-transform: rotate(100deg) scale(.10);

  -moz-transform: rotate(100deg) scale(.10);

  -ms-transform: rotate(100deg) scale(.10);

  -o-transform: rotate(100deg) scale(.10);

  transform: rotate(100deg) scale(.10);

  -webkit-transition: all .15s ease-in-out 0s;

  -moz-transition: all .15s ease-in-out 0s;

  -ms-transition: all .15s ease-in-out 0s;

  -o-transition: all .15s ease-in-out 0s;

  transition: all .15s ease-in-out 0s;

}

 

.prova:hover {

  -webkit-transform: rotate(0deg) scale(0.50);

  -moz-transform: rotate(0deg) scale(0.50);

  -ms-transform: rotate(0deg) scale(0.50);

  -o-transform: rotate(0deg) scale(0.50);

  transform: rotate(0deg) scale(0.50);

}



</style>

</head>



<body>

<div class=" prova" > test <img src=" mediaaerei/1M544C5ZKL.jpg"  width=" 600"  height=" 515"  /></div>

</body>