关于CSS3的特性使用
最近开始接触前端的知识，以后想从事这方面的工作，但是自己又比较迷茫。所以在老外的网站上找了一些实例来做。确实老外的是走在技术比较前沿的。教程中有很多是涉及到CSS3的。已经学了一周了，今天做一个总结。
（一）css gradients
经过试验这个属性在Chrom和firefox上面的支持性比较好，Chrom和Safari的浏览器的内核都是使用的webkit，firefox使用的内核是moz。所以在使用渐变这个属性的时候要分两部分来声明。
（1）moz
firefox支持两种形式的css gradient：线性（-moz-linear-gradient）和射线性（-moz-radial-grandient）.
linear-gradient:为了设置一个线性渐变的效果，你需要设置渐变的起点，方向（或者角度）以及终止时的颜色。
-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )
对于几种声明形式的解释：
这个声明就表示的是：渐变的方向是从左边开始的，从蓝色到白色的渐变。
这个是对角度的一个解释：分别表示不同的角度
这是一个对三个颜色站点的声明，因为第一个和第三个的起始站点就分别是0%（开头）和100%（端点）。
如果颜色站点的位置没有特别声明，那么它就会平均分配。
.multibackground_transparent {
background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)), url(http://demos.hacks.mozilla.org/openweb/resources/images/patterns/flowers-pattern.jpg);
}
渐变同样支持透明。上面的图片是两个背景的结合：一张图片和一个线性的从白色到白色透明的渐变。
（2）webkit
在webkit的内核中使用渐变需要用一个起点和终点来指定渐变的方向。你可以用以空格间隔的两个常量或者用left top, left bottom, right top, and right bottom 来指定。
如上面的效果就是利用：background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff));实现的
具体说明颜色的站点:可以通过color-stop()和from（），to()这两种方式来指定颜色站点。
-webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00))；
（二）css box-shadow
