1.线性渐变：
-moz-linear-gradient(bottom, #7bcd21, yellow 100%);
a) 第一个参数表示渐变的方向。--可以不设置
b) 后面的参数为渐变的颜色及开始渐变的位置，值可以为固定值及百分比。--可以设置多个
注意：
a) 颜色和渐变开始位置值之间用空格
b) 渐变色的起始位置会影响其他渐变色的位置
c) 渐变色的起始位置值可以不设置，默认从0开始
===============================================
2.过度：
-moz-transition: border-radius 0.5s ease-in 0s;
a) 第一个参数表上将要过度的属性。--all || border-color等
b) 第二个参数为动画执行的时间
c) 第三个参数为动画类型
d) 第四个参数为开始响应动画的时间
拆开写的形式：
transition-property:border-color, background-color, color;
transition-duration:.5s, .5s, .5s;
transition-timing-function:ease-in, ease-in, ease-in;
transition-delay:.1s, .1s, .1s;
===============================================
3.变换：
-moz-transform: rotate(-5deg);
a) 参数默认为none
b) matrix(1, 2, 3, 4, 5 ,6)相当于直接应用于一个变换矩阵
c) translate(length, length)2D平移第二个值不提供默认为0
d) translateX(length)x轴平移
e) translateY(length)y轴平移
f) rotate(<angle>)2D旋转
g) scale(<number> [, <number>])2D缩放如果第二个参数未提供则取第一个参数的值
h) scaleX(<number>)x轴缩放
i) scaleY(<number>)y轴缩放
j) skew(<angle> [, <angle>])如果第二个参数为提供则默认为0
k) skewX(angle)x轴扭曲
l) skewY(angle)y轴扭曲
===============================================
目前这三个属性都处在实验性阶段，没有测试IE。
4.圆角
border-radius: x / y;
a) x表示水平半经，y表示垂直半径，如果第二个参数省略则取第一个参数的值
b) 单位可以是px或%等
c) x, y分别的值可以有1~4个 --4个角
d) 如果只提供一个值比如5px，那么x, y都将取5px作用于4个角
e) 如果提供两个值如3px 5px，那么3px作用于上左和下右，第二个值5px作用于上右和下左
f) 如果提供三个值如3px 4px 5px，那么3px作用于上左，4px作用于上右和下左，5px作用于下右
g) 如果提供四个值如3px 4px 5px 6px，那么作用顺序为顺时针上左、上右、下右、下左
如果不设置y轴的值默认取x轴的值
