1.代码展现

    /*渐进加强*/
    .div1 {
        -webkit-transition: all 2s; //Safari Chrome
           -moz-transition: all 2s; //Firefox
             -o-transition: all 2s; //Opera
                transition: all 2s; 
    }

    /*文雅降级*/
    .div1 {
                transition: all 2s; 
             -o-transition: all 2s; //Opera
           -moz-transition: all 2s; //Firefox
        -webkit-transition: all 2s; //Safari Chrome
    }

带CSS3前缀的3个满足了大部分浏览器，而不带前缀的只要最新的一部分浏览器才支撑。

• 渐进加强（progressive enhancement）：从被一切浏览器支撑的基本功用最先，逐渐地增加那些只要新式浏览器才支撑的功用，当浏览器支撑时，它们会自动地显现出来并发挥作用。

• 文雅降级（graceful degradation）：一最先就构建完全的功用，然后再针对低版本浏览器举行兼容。

2.怎样挑选

“渐进加强”看法以为应关注于内容自身。内容是竖立网站的诱因，我们应当在满足向绝大部分用户显现有效内容的前提下，再做衬着内容或更高等功用的事变。
“文雅降级”看法则以为应当针对那些第一流、最完美的浏览器来设想网站。而将那些被以为“过期”或有功用缺失的浏览器下的测试事情安排在开辟周期的末了阶段。
因而：决议采纳哪一种体式格局取决于网站所面向的重要用户群体（或者说重要兼容的浏览器）。