Webkit引擎（Safari 4及以上版本）的CSS渐变设计

1、直线渐变基本用法：：color-stop（）函数包含两个参数值，第一个参数值指定角标位置，第二个参数指定色标颜色。一个渐变可以包含多个色标，位置值为01之间的小数，或者0100%之间的百分数，指定色标的位置比例。 2、径向渐变的基本用法：同心圆（圆心坐标为200，100），内圆半径为10，外圆半径为100，内圆小于外圆半径，从内圆红色到外圆绿色径向渐变，超过外圆半径显示为绿色，内圆显示红色*/ background: -webkit-gradient(radial, 200 100, 10, 200 100, 100, from(red), to /同心圆（圆心坐标为200，100），内圆半径为100，外圆半径为100，内圆小于外圆半径，从内圆红色到外圆绿色径向渐变。当内圆和外圆半径相等时，则渐变无效/ background: -webkit-gradient(radial,200 100, 100, 200 100, 100, from(red), to(green));