浏览器私有前缀
根据不同的浏览器内核,css前缀会有不同,最基本的浏览器内核有如下四种,其他的内核都是基于此四种进行再研发的。
-
Gecko内核:
前缀为 -moz- 火狐浏览器
-
Webkit内核:
前缀为 -webkit- 也叫谷歌内核,chrome浏览器最先开发使用,safari浏览器也使用
-
Trodent内核
前缀为 -ms- 也叫IE内核
-
Presto内核
前缀 -o- 目前只有opera采用
div{
font-size: 100px;
/*
color: transparent; :颜色透明
text-stroke: 1px #foo; :字体颜色描边
*/
color: transparent;
-webkit-text-stroke: 1px #f00;
/*
在实际使用中通常将所有前缀写一遍后,标准的写在最后
-moz-animation: ; 火狐支持
-o-animation: ; 欧朋支持
-webkit-animation: ; charme 和 safari支持的
-ms-animation: ; IE支持的
animation: ; 标准的
*/
}
<div>学习浏览器私有前缀</div>