CSS3 transform efect

[patilanz]

Hola quiero hacer que una imagen adquiera las propiedades de esta clase pero que lo aga poco a poco para que se vea el efecto.

Código CSS:

.clase{
    -moz-transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -o-transform:rotate(40deg);
    -webkit-transform:rotate(20deg);
    rotation:40deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=40);
    position:relative;
    top:30px;
}
 

Puedo hacer el efecto del top:30px; pero el transform de los navegadores no lo consigo.Alguien puede dar me un ejemplo ?

[Panino5001]

Te recomiendo esto: http://css3.bradshawenterprises.com/
Otra cosa: no sé de dónde sacaste esto:

Código PHP:

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=40);  
   

Pero no funciona.
Para hacerlo crossbrowser, fijate acá:
http://jsfiddle.net/panino/gR9TW/

[patilanz]

Iniciado por Panino5001

Te recomiendo esto: http://css3.bradshawenterprises.com/
Otra cosa: no sé de dónde sacaste esto:

Código PHP:

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=40);  
   

Pero no funciona.
Para hacerlo crossbrowser, fijate acá:
http://jsfiddle.net/panino/gR9TW/

Esta bien pero los transitions solo funcionan con ie 10 por lo que voy a usar el link del ejemplo. Gracias