跨瀏覽器CSS3轉換jQuery函數與變量

Question

爲什麼不做這項工作？它只適用於chrome，當我刪除所有供應商並保留webkit時，我已經用'transform'屬性用相同的方法做了一個類似的例子，並且它正常工作。由於

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

Answer 1

嘗試像this Fiddle。它可能工作。該問題可能是由於，當應用對未知風格瀏覽器忽略的CSS樣式..

腳本：

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