跨浏览器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 }); 
}