¿Cómo combinar jQuery animate con las propiedades css3 sin usar transiciones css?
En este ejemplo; Estoy tratando de crear una animación jQuery con la propiedad css3 rotate. Puedo manejar esta animación con css3transition y jQuerycss() pero quiero hacer esto con jQueryanimate() para rotar el valor de grados de acuerdo con mis variaciones jQuery.
¿Es posible usar animate con el valor de propiedad css3 con jQuery 1.8.0?
Aquí está jsFiddle para inspeccionar.
jQuery:
var rotateVal = 90;
//this method isn't working
$('.red').animate({
'transform':'rotate('+rotateVal+'deg)'
},500);
//this way works but i don't want to do this with transitions
$('.black').css({
'transform':'rotate('+rotateVal+'deg)',
'transition':'1s'
});
html:
<span class="black"></span>
<span class="red"></span>
Edición: prefijos de proveedores eliminados, como-webkit-. Gracias a Kevin B.