.transition{
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.transition{
transition: all .5s; ?
-o-transition: all .5s;?
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
第一個(gè)例子的寫(xiě)法叫做漸進(jìn)增強(qiáng)（progressive enhancement），第二個(gè)例子的寫(xiě)法叫做優(yōu)雅降級(jí)（graceful degradation）。（關(guān)于漸進(jìn)增強(qiáng)，可以參考張?chǎng)涡竦奈恼拢?a href="" target="_blank">?http://www.zhangxinxu.com/wordpress/?p=788）
什么是漸進(jìn)增強(qiáng)（progressive enhancement）、優(yōu)雅降級(jí)（graceful degradation）呢？
漸進(jìn)增強(qiáng)（progressive enhancement）：針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，保證最基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶(hù)體驗(yàn)。（從被所有瀏覽器支持的基本功能開(kāi)始，逐步地添加那些只有新式瀏覽器才支持的功能，向頁(yè)面添加無(wú)害于基礎(chǔ)瀏覽器的額外樣式和功能。當(dāng)瀏覽器支持時(shí)，它們會(huì)自動(dòng)地呈現(xiàn)出來(lái)并發(fā)揮作用。）
優(yōu)雅降級(jí)（graceful degradation）：一開(kāi)始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。（Web站點(diǎn)在所有新式瀏覽器中都能正常工作，如果用戶(hù)使用的是老式瀏覽器，則代碼會(huì)檢查以確認(rèn)它們是否能正常工作。由于IE獨(dú)特的盒模型布局問(wèn)題，針對(duì)不同版本的IE的hack實(shí)踐過(guò)優(yōu)雅降級(jí)了，為那些無(wú)法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級(jí)體驗(yàn)卻不至于完全失效。）
區(qū)別：優(yōu)雅降級(jí)是從復(fù)雜的現(xiàn)狀開(kāi)始，并試圖減少用戶(hù)體驗(yàn)的供給，而漸進(jìn)增強(qiáng)則是從一個(gè)非常基礎(chǔ)的、能夠起作用的版本開(kāi)始，并不斷擴(kuò)充，以適應(yīng)未來(lái)環(huán)境的需要。
漸進(jìn)增強(qiáng)觀點(diǎn)：
漸進(jìn)增強(qiáng)觀點(diǎn)認(rèn)為應(yīng)該關(guān)注于內(nèi)容本身。內(nèi)容是我們建立網(wǎng)站的誘因，有的網(wǎng)站展示它，有的則收集它，有的尋求、有的操作，還有的網(wǎng)站甚至包含以上的種種，但相同點(diǎn)是他們?nèi)忌婕暗絻?nèi)容，這使得“漸進(jìn)增強(qiáng)”成為一種更為合理的設(shè)計(jì)范例。這也是它立即被Yahoo!所采納并用以構(gòu)建其“分級(jí)式瀏覽器支持（Graded Browser Support)“策略的原因所在。
優(yōu)雅降級(jí)觀點(diǎn)：
優(yōu)雅降級(jí)觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)、最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。而將那些被認(rèn)為“過(guò)時(shí)”或有功能缺失的瀏覽器下的測(cè)試工作安排在開(kāi)發(fā)周期的最后階段，并把測(cè)試對(duì)象限定為主流瀏覽器（如IE、Mozilla等）的前一個(gè)版本。
在這種設(shè)計(jì)范例下，舊版的瀏覽器被認(rèn)為僅能提供“簡(jiǎn)陋卻無(wú)妨（poor,but passable)”的瀏覽體驗(yàn)。你可以做一些小的調(diào)整來(lái)適應(yīng)某個(gè)特定的瀏覽器。但由于它們并非我們所關(guān)注的焦點(diǎn)，因此除了修復(fù)較大的錯(cuò)誤之外，其它的差異將被直接忽略。
