CSS3优雅降级渐进增强

渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

.transition { /*渐进增强写法 从小到大*/  

-webkit-transition: all .5s;    

 -moz-transition: all .5s;      

 -o-transition: all .5s;        

  transition: all .5s; }

优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。

.transition { /*优雅降级写法 从大到小*/        

  transition: all .5s;  

 -o-transition: all .5s;  

 -moz-transition: all .5s;  

-webkit-transition: all .5s; }