css3径向渐变 角度

CSS3径向渐变可以让我们在网页设计中添加精美的背景，让页面更加生动和吸引人。在径向渐变中，我们可以通过调节角度值，改变渐变方向和形状。

/* 创建一个从中心的红色渐变到边缘的黄色渐变 */
background-image: radial-gradient(circle,red,yellow);

/* 创建一个从上往下的黄色到蓝色渐变 */
background-image: radial-gradient(180deg,yellow,blue);

/* 创建一个水平方向的从左到右的渐变 */
background-image: radial-gradient(90deg,orange,pink,purple);

在上面的代码中，我们可以看到，在创建径向渐变时，第一个参数表示渐变的形状，可以是一个圆形或者椭圆形，也可以指定长宽比例。

第二个参数表示渐变的起始颜色，可以添加多个颜色，表示过渡效果。

最后一个参数表示渐变的旋转角度，可以是角度值（例如90deg表示从上往下）或者是方向（例如to bottom表示从上往下）。

通过调整这些参数，我们可以轻松地创建出自己想要的渐变背景。