css多颜色渐变 百分比 |文字旋转90 css

background: linear-gradient(to right, 
#ff0000 0%,                        /* 起始颜色红色，开始位置为0% */
#ff9900 30%,                       /* 中间颜色橙色，位置为30% */
#ffff00 50%,                       /* 中间颜色黄色，位置为50% */
#33ccff 80%,                       /* 中间颜色蓝色，位置为80% */
#3366ff 100%                       /* 结束颜色深蓝色，结束位置为100% */
);

上述代码表示从左到右的颜色渐变效果，起始颜色为红色，位置为0%，中间添加橙色、黄色和蓝色，结束颜色为深蓝色，结束位置为100%。

在使用多颜色渐变时，可以根据需要添加不同颜色和百分比，以实现不同的效果。同时，还可以通过调整渐变方向和起始位置，来实现更加复杂的渐变效果。