浏览器内核和私有前缀

浏览器内核
Trident : IE9，360（兼容浏览模式）
webkit：Safari，谷歌（以前版本）
gecko: 火狐
blink：谷歌
浏览器私有前缀
-webkit- ： safari 、 chrome
-moz-: firefox
-ms-:IE
-o-：opera

可以使用caniuse.com这个网站进行查询样式是否可以使用在当前浏览器中

如这个box-shadow 可以查到
红色的代表不能使用
绿色的可以使用
黄色的可以使用但要加前缀

另外vscode中可以使用autoprefix插件
下载2.2.0版本 打开扩展设置
打开第一个
往里面添加成这样

输入下面代码

.box{
    animation: moveOver 10s linear infinite;
}

按下F1 然后输入第一个命令就可以