c3基本常见特性

1.线性渐变（一边向另一边）

background：linear-gradient（方向left/right/top/bottom，color，color，color。。。）

2.径向渐变（中心向外）

background：radial-gradient（center，color，color，color。。。）

3.重复性渐变

background：repeatting-gradient（）

4.浏览器的前缀

ie浏览器（Trident内核）-ms-  例-ms-radial-gradient（center，color，color，color。。。）
火狐浏览器Gecko            -moz-
谷歌     blink            -webkit-
opera浏览器           -o-

5.transiform

属性值rotateX为绕X轴旋转（xxxdeg）//deg为度数
    rotateY为绕Y轴旋转
    rotate为平面旋转（绕Z轴旋转）
    旋转中心
        transform-oringin：数值（x，y）默认中心
属性值为translate
    translateY为Y轴方向的位移
    translateX为X轴方向的位移
    translate为位移跟两个值（X,Y）
位移旋转综合使用
    先位移后旋转transiform：translateX（45px）  rotate          （30deg）
    先旋转后位移transform：rotate（度数deg）transilateX（数值）旋转会改变坐标轴位置；
缩放
    属性值为scale（）值为放大倍数
           scaleX为X轴放大倍数
           scaleY为Y轴放大倍数
倾斜
    transiform：skewX（数值角度）x轴倾斜

6.动画

@Keyfram 动画名{
    from{}开始时
    to{}结束时
}
@Keyfram 动画名{
    0%{}
    25%{}
    50%{}
    75%{}
    100%{}
}
使用动画
    animation：动画名  执行时间  执行效果  动画延迟
        animation-name：动画名
        animation-duration：执行时间
        animation-timing-function：linear/ease/ease-in执行效果
        animation-delay：动画延迟
        animation-iter-count：数值/infinite动画执行次数
        animation-direction：

3d动画

在大盒子设置transform-style：pereserve-3d
    transform属性对应属性值
        translateX为X轴方向的位移
        translateY为Y轴方向的位移
        translateZ为z轴方向的位移

css3选择器

属性选择器
    E[attr]表示E有该atter的属性
    E[attr="value"]表示带有value值的attr属性
    E[attr~="value"]表示包含value值的atter属性 只能完整的出现
    E[attr^="value"]表示属性以value开头
    E[attr$="value"]表示属性以value结尾
    E[attr*="value"]只要包含value就能选到
伪类选择器
    结构性伪类
        X：first-child 父元素的第一个孩子必须是和这个X是同一个
        X：list-child 父元素的最后一个孩子必须适合这个x是同一个
        x：nth-child（n）父元素的第几个孩子必须和这个X是同一个
        x：only-child 父元素必须只有一个孩子，且这个孩子就是x