-webkie-是谷歌和苹果浏览器的前缀，-ms-是ie的前缀，和火狐、欧朋没有关系啊，它们内核不一样。
专注于为中小企业提供成都网站建设、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业沂南免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
代表是各浏览器内核的兼容写法。有时候有些css样式需要考虑不同内核浏览器的兼容性和显示效果，会在样式前面加个前缀。
以楼主贴出的代码为例，前缀-webkit表示这适用于webkit内核的浏览器，-moz是火狐，-ms的是IE的，最后一段是原型代码。这4段其实是对4种浏览器的兼容，后面turn就是这个动画里面关键帧的名字(animation-name)。
CSS+DIV 是推荐的CSS布局方法，表格很不容易控制 并且在各个主流浏览器中兼容性不好，推荐学习CSS中的CSS HACK，可以针对IE6，7，8，FF等设置不同的样式，这样就解决了换一个浏览器就排版错乱的问题。
-webkie-是谷歌和苹果浏览器的前缀，-ms-是ie的前缀，和火狐、欧朋没有关系啊，它们内核不一样。
去掉CSS3前缀 什么时候我们可以去掉一个属性的CSS3前缀呢？答案还在下面↓ 当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。
1、当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。
2、-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome私有属性 这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
3、可以加-moz-。这个前缀主要用于低版本火狐浏览器css3的兼容。由于css3刚出来的时候，各浏览器没有统一，所以低版本需要加兼容前缀，后面的版本已经统一了就可以不加前缀也能正常显示。也可以使用js插件自动加前缀。
4、常用前缀和浏览器的对应关系如下：Firefox： -moz- Chrome， Safari： -webkit- Opera： -o- IE： -ms- css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。
5、-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。
6、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-webkit-)。