css3:
2010:
主流浏览器：
chrom firefox Safari opera IE

    box-shadow:

    
    浏览器内核”：负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页
    浏览器的内核：
        IE:      Trident    -ms-box-shadow:
        chrome   Webkite    -webkit-box-shadow:
        safari   Webkite    -webkit-box-shadow: 
        Opera    Blink      -o-box-shadow:
        firefox  Mozilia    -moz-box-shadow:

css3变形：
是一些效果的集合
如：平移 缩放 旋转 倾斜
属性：transform:平移 缩放 旋转 倾斜

    1.平移 
        transform：
            translateX(50px)  只设置X轴的平移
            translateY(50px)  只设置Y轴的平移
            translate(5px,5px);


    2.缩放：
       transform：
            scaleX(1.2) 沿着X轴缩放
            scaleY(0.8) 沿着y轴缩放
            sacle(x,y)  沿着x y轴一起缩放


    3.旋转：
       transform：
            rotate （deg）旋转方向可顺可逆（正数为顺时针，负数为逆时针）


4.倾斜：
     transform：
          skewX(30deg) 沿着X轴倾斜
          skewY(30deg) 沿着Y轴倾斜 
          skew(30deg,30deg); 沿着x y轴一起倾斜