css一些新屬性得相容性測試以及IE低版本瀏覽器怎麼相容得一些寫法(一些用法得具體方法，不做具體說明)

記錄下來，方便自己以後使用和檢視

 1.  border-radius:50%;（圓角）  border-shadow:10px 10px 5px #000;（陰影）

谷歌，火狐，ie9,相容，ie8以下不相容，百度下ie-css3.htc，有詳細相容IE低版本得方法

2.background-size:100% 100%；

cover 等比縮放到完全覆蓋容器，但有時會超出容器

contain等比縮放到寬度或高度與容器的寬度或高度相等，不會超出容器

auto 背景圖原本大小

谷歌，火狐，ie9,相容，ie8以下不相容，引入backgroundsize.min.htc相容檔案相容IE8

3.text-shadow:3px 3px 5px red;

谷歌，火狐，ie10相容

4.transtion:all 1s  linear 1s; (全部，動畫時間 動畫方式 動畫何時開始執行)

谷歌，火狐，IE10相容 IE9不相容

相容低版本，火狐，Safari，谷歌得方法(IE9一下不知道怎麼解決)

-moz-transition:all 1s linear 1s;

-web-transition:all 1s linear 1s;

-o-transition: all 1s linear 1s;

5.animation:first 2s linear;

@keyframes first { 　　 　　0% { 　　　　right: -116px; 　　}
　　20% { 　　　　right: 300px; 　　}
　　40% { 　　　　top: 100px; 　　　　right: 100px 　　}
　　60% { 　　　　top: 200px; 　　　　right: 300px 　　}
　　100% { 　　　　top: 0; 　　　　right: 300px 　　} }

谷歌，火狐，IE10相容 IE9不相容

相容低版本，火狐，Safari，谷歌得方法(IE9一下不知道怎麼解決)和tranition相容寫法一樣

6.transform:rotate scale (旋轉，縮放，)傾斜，變形等 

谷歌，火狐，IE9+