什么是CSS渐变
CSS渐变是一种仅使用CSS代码而无需图片文件,即可实现两种以上颜色平滑混合的背景或装饰技术。
线性渐变(linear-gradient)
沿指定角度或方向,颜色呈直线变化的渐变。可自由设置0度(向上)到360度(一周)的角度,也可使用to bottom、to right等方向指定。
径向渐变(radial-gradient)
从中心向外放射状扩散的渐变。可选择圆形(circle)或椭圆形(ellipse),还可调整中心位置和扩散方式。适合用于按钮或图标装饰。
什么是色标
色标是指在渐变中配置特定颜色的位置。从0%(起始位置)到100%(结束位置),可在任意位置配置任意数量的颜色。通过组合多个色标,可创建复杂而美观的渐变。