Cross browser CSS3 transición jQuery función con variables - javascript, jquery, css, css3, transición

¿Por qué no funciona esto? Solo funciona en Chrome cuando elimino todos los proveedores y guardo el kit de web, ya hice un ejemplo similar con la propiedad "transformar" con el mismo método y está funcionando correctamente. Gracias

function transition(handle,prop,dur,ease){

handle.css({
"-webkit-transition": "-webkit-" + prop + " " + dur + "ms " + ease + "",
"-moz-transition": "-moz-" + prop + " " + dur + "ms " + ease  + "",
"-ms-transition": "-ms-" + prop + " " + dur + "ms " + ease  + "",
"-o-transition": "-o-" + prop + " " + dur + "ms " + ease  + "",
"transition": prop + " " + dur + "ms " + ease  + ""
});
}

Respuestas

Prueba como este violín ... Podría funcionar. El problema puede deberse a que el navegador ignora el estilo CSS cuando se aplican los estilos desconocidos.

Guión:

function transition(handle, prop, dur, ease) {
handle.css({ "-webkit-transition": "-webkit-" + prop + " " + dur + "ms " + ease });
handle.css({ "-moz-transition": "-moz-" + prop + " " + dur + "ms " + ease });
handle.css({ "-ms-transition": "-ms-" + prop + " " + dur + "ms " + ease });
handle.css({ "-o-transition": "-o-" + prop + " " + dur + "ms " + ease });
handle.css({ "transition": prop + " " + dur + "ms " + ease });
}