css渐变结果

程序员 2024-9-20 10:32:31 38 0 来自 中国
css渐变结果

使用 CSS 渐变可以在两种颜色间制造出平滑的渐变结果。
用它取代图片,可以加速页面的载入时间、减小带宽占用。同时,由于渐变是由欣赏器直接天生的,它在页面缩放时的结果比图片更好,因此你可以更加机动、便捷的调解页面布型
范例寄义线性渐变linear-gradient指在一条直线上举行渐变径向渐变radial-gradient是一种从出发点到尽头颜色从内到外举行圆形渐变(从中央向外拉,像圆一样)一、线性渐变

创建一个线性渐变,至少界说两种颜色节点。颜色节点即你想要出现安稳过渡的颜色。同时,你也可以设置一个出发点和一个方向(或一个角度)。
语法

background: linear-gradient(direction, color1, color2, ...);
1、线性渐变 - 从上到下(to bottom)(默认情况下)/从下到上(to top)
您需要登录后才可以回帖 登录 | 立即注册

Powered by CangBaoKu v1.0 小黑屋藏宝库It社区( 冀ICP备14008649号 )

GMT+8, 2024-11-23 16:05, Processed in 0.157382 second(s), 32 queries.© 2003-2025 cbk Team.

快速回复 返回顶部 返回列表