如何使用浏览器特定的CSS像-webkit- -moz-

Question

这个浏览器特定的CSS如何使用？

我有这样的：

.example { 
    transition: all 0.2s ease-in-out 0s ; 
    -moz-transition: all 0.2s ease-in-out 0s ; 
    -webkit-transition: all 0.2s ease-in-out 0s 
} 

所有具有相同的值all 0.2s ease-in-out 0s

我应该用他们三个，还是只有一个这样的吗？

.example { 
    transition: all 0.2s ease-in-out 0s ; 
} 

此转换的默认值为css。

这是浏览器特定的CSS使用，如果我只想要某些浏览器的特定样式，还是必须使用即使值相同的要求？

Answer 1

.example { 
    transition: all 0.2s ease-in-out 0s ; 
    -moz-transition: all 0.2s ease-in-out 0s ; 
    -webkit-transition: all 0.2s ease-in-out 0s 
} 

这将在大多数浏览器。

和

.example { 
    transition: all 0.2s ease-in-out 0s ; 
} 

这将不超过2浏览器

请参见本指南工作：http://caniuse.com/