渐变

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文档

原文地址:https://www.cnblogs.com/CreateBox/p/15196028.html