1、-moz代表firefox浏览器私有属性
2、-ms代表ie浏览器私有属性
3、-webkit代表safari、chrome私有属性
这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。
我咋没看到有什么淡出效果，这就是个轮播图，animation:ma 20s ease-out infinite alternate第一项是动画名称，第二项是动画完成总时间，第三项是动画的速度，第四项是动画永久进行下去，第五项是动画来回循环。ease-out：减速，在这里是快结束时减速；infinite：无穷的；alternate：轮流的，交替的。-webkit：safari、chrome私有属性 一般用于移动端网页开发
-moz：firefox浏览器私有属性
-ms： ie浏览器 私有属性
-o：Opera
