浏览器前缀是用于兼容旧的浏览器
比如Chrome浏览器:css样式在新版本的Chrome上样式正常,在旧版本的Chrome样式效果不佳,可以在样式的前面加前缀(-webkit-)做兼容。
代码举例:
<style type="text/css">
div {
200px;
height: 200px;
background-color: red;
-webkit-animation: 1s move
}
-webkit-@keyframes move{
0%{opacity: 0;}
100%{opacity: 1;}
}
</style>