css渐变改变方向 |css设置半透明背景

/* 线性渐变 */
background: linear-gradient(to right, #ff0000, #ffff00);
/* 径向渐变 */
background: radial-gradient(circle, #ff0000, #ffff00);

如上代码所示，大家可以使用CSS的渐变属性设置线性渐变或径向渐变，并通过to关键字来改变线性渐变的方向。可以使用to关键字加上方向角度（如top, right, bottom, left或数字度数）来改变渐变的方向，使渐变颜色呈现出不同的效果。

/* 线性渐变改变方向为从左下到右上 */
background: linear-gradient(to right top, #ff0000, #ffff00);
/* 径向渐变改变方向为从圆心向上 */
background: radial-gradient(circle at center bottom, #ff0000, #ffff00);

通过使用方向角度或to关键字，大家可以轻松地改变渐变的方向和位置，使渐变效果更加自然流畅。