vue-给div添加渐变颜色

我不是女神ヾ 2022-01-16 02:25 1384阅读 0赞

vue-给div添加渐变颜色

第一步：先写一个div并给它设置一个类名（class），我的这个div的类名为class=“www”

在这里插入图片描述

第二步：定义div的宽与高，并设置颜色渐变

在这里插入图片描述

background: -webkit-linear-gradient(bottom,hsla(0,0%,59%,.15),hsla(0,0%,59%,0),white) no-repeat;
注意：（1）-webkit-linear-gradient() 是设置渐变的属性 （2）bottom为从底部开始渐变，可以为top、left、right
（3）hsla(0,0%,59%,.15)是第一个开始渐变的颜色，white为最后一个颜色

最终效果：

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，1384人围观）

还没有评论，来说两句吧...

相关阅读