css实现透明背景渐变 linear-gradient

// html
<div class="curtain"></div>
// css
.curtain:before {display: block;width: 100%;height: 32px;background: linear-gradient(var(--vp-c-bg),transparent 70%);content: "";
}

css实现透明背景渐变 linear-gradient相关推荐

php背景渐变颜色代码,CSS实现网页背景渐变的四种代码设置
这篇文章主要介绍了关于CSS实现网页背景渐变的四种代码设置,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下一.从上往下渐变body{ FILTER: progid:DXImageTra ...
css 背景色透明且渐变且不影响文字颜色
css 背景色透明且渐变且不影响文字颜色 rgba background: linear-gradient(90deg,rgba(255,159,0,0.16), rgba(255,102,0,0.1 ...
css设置透明背景，背景色透明度
背景透明度 1.设置透明背景色rgba background-color:rgba(220,38,38,0.2); 2.通过opacity属性改变透明度 background: #43bff5; op ...
css 设置透明背景
方法一.opacity:0~1,这个方法有个缺点,就是内容也会跟着透明: 方法二.background-color:rgba(0,0,0,0),前面三个数字是rgb中的三个数字,合起来代表的是颜色,最 ...
css透明到渐变,css渐变(css3背景透明渐变)
竖向使这个div的颜色渐变,从red开始渐变到白色,请问怎么写css代码?最好. CSS3支持颜色渐变,但目前主流浏览器对CSS3支持都不完全,甚至不支持.所以你可以使用背景图片来做,你要竖向渐变,可 ...
015day(css控制单词换行的属性，css设置中英文大小写的属性，背景渐变)
一.css控制单词换行的属性 1.word-break自己决定自动换行的处理方法 ①word-break:normal:使用浏览器默认的换行规则.(英文) ②word-break:keep-all:不 ...
css背景渐变的技巧与方法
[发帖际遇]: the_truth玩宠物的时候不幸损失威望13. css背景渐变的技巧与方法用css实现网页背景渐变的代码如下: 一.从上往下渐变 Example Source Code: body ...
Css3: gradient背景渐变
Css3: gradient背景渐变原文链接:http://kk073000.blog.163.com/blog/static/34826942012123111322691/ css3实现了背景渐 ...
CSS实现兼容性的渐变背景(gradient)效果（转）
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=743 一.有点俗态 ...

css实现透明背景渐变 linear-gradient

css实现透明背景渐变 linear-gradient相关推荐

最新文章

热门文章