背景颜色渐变的几种方式

xiaoxiao2021-02-28  53

* background : linear-gradient(方向 , 颜色 位置) + 方向: [to left][45deg] + 颜色: color 10% // 可以为多组 - 径向渐变 [多用于圆形的盒子背景] * background: radial-gradient(形状 | 大小 | 坐标 ,颜色 位置, 颜色 位置 ) + 形状: [circle, ellipse] + 大小: closest-side:最近边/farthest-side:最远边/closest-corner:最近角/farthest-corner:最远角 + 坐标: at left bottom + 颜色:color 10% // 可以为多组 - 重复渐变 * repeating-linear-gradient // 语法如上 * repeating-radial-gradient // 语法如上 背景颜色渐变 background:-webkit-linear-gradient(top, #fff, #dedede);
转载请注明原文地址: https://www.6miu.com/read-2627232.html

最新回复(0)