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文档
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步