css渐变 linear-gradient ()
linear-gradient () 方法
参考:https://www.runoob.com/cssref/func-linear-gradient.html
渐变用法1,制作缺角矩形
通过调整渐变角度,以及其渐变颜色和占比
background: linear-gradient(45deg, transparent 5%, #FF013C 5%);
上述代码制作了一个有左侧45°斜切缺角的红色(#FF013C)矩形,缺角的占比为矩形的5%。
transparent,用来指定全透明色彩,相当于
rgba(0, 0, 0, 0)
渐变用法2,制作渐变背景
background: linear-gradient(45deg, #FF9999, #4a4a4a);
可通过调整第一参数的值设置其变换角度,更多参数请参见W3C文档