css 渐变 w3c |css3鼠标点击效果

/* 线性渐变 */
background: linear-gradient(direction, color-stop1, color-stop2, ...);
/* 径向渐变 */
background: radial-gradient(shape size, start-color, ..., last-color);
/* 比例渐变 */
background: repeating-linear-gradient(direction, color-stop1, color-stop2, ...);
/* 圆形比例渐变 */
background: repeating-radial-gradient(shape size, start-color, ..., last-color);

以上这几种渐变属性可以控制渐变方向、颜色停止点位置、形状、大小以及重复方式。以下是一个示例使用线性渐变的代码：

background: linear-gradient(to bottom right, #FFC0CB, #00FF00);

该代码会将背景颜色从浅粉色渐变到绿色，方向从上到下右。为了实现更复杂的效果，可以在渐变中添加更多的颜色停止点和改变方向。

使用 W3C 规定的 CSS 渐变属性和值可以创建非常漂亮的背景效果，应用场景非常广泛，例如网站背景、按钮、分割线等等。让大家开发出更加炫丽的网页吧！