Transférer la transition CSS3 jQuery fonction avec des variables - javascript, jquery, css, css3, transition

Pourquoi cela ne fonctionne-t-il pas? Cela ne fonctionne que sur chrome lorsque je supprime tous les fournisseurs et conserve webkit. J’avais déjà fait un exemple similaire avec la propriété "transform" avec la même méthode et cela fonctionnait correctement.

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  + ""
});
}

Réponses:

Essayer comme ce violon .. Cela pourrait fonctionner .. Le problème peut être dû au fait que le navigateur ignore le style CSS lorsque les styles inconnus sont appliqués ..

Scénario:

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 });
}