浏览器私有前缀

浏览器私有前缀

根据不同的浏览器内核，css前缀会有不同，最基本的浏览器内核有如下四种，其他的内核都是基于此四种进行再研发的。

1. Gecko内核：

   前缀为 -moz- 火狐浏览器

2. Webkit内核：

   前缀为 -webkit- 也叫谷歌内核，chrome浏览器最先开发使用，safari浏览器也使用

3. Trodent内核

   前缀为 -ms- 也叫IE内核

4. 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>