CSS浏览器适配设置

1、适配语法

选择器名称  {

属性：方法（值）;

-webkit-属性：方法（值）;
 /*safari chrome*/

-ms-属性：方法（值）;  
/*IE*/

-o-属性：方法（值）;
/*opera*/

-moz-属性：方法（值）;
/*Firefox*/

}

示例：设置旋转

.div1 {

transform:rotae(200deg);

-webkit-transform:rotae(200deg);

-ms-transform:rotae(180deg);

-o-transform:rotae(180deg);

-moz-transform:rotae(200deg);

}

2、需要适配的场景

我们常在CSS动画中使用浏览器适配，包括2D、3D转换、过渡、动画、多列等。