背景在下面 字体在上面中心透明效果,css属性mix-blend-mode
2023-04-06 14:54:04
效果如下,
div代码如下:
<div class="h_1">
<span>002t.cn<br>
DESIGN&<br><b>网站建设</b>
</span>
</div>
css代码如下:
.h_1 {
position: absolute;
background: #fff;
width: 45%;
height: 100%;
font-weight: bolder;
text-transform: uppercase;
z-index: 15;
mix-blend-mode: screen;
color: #000;
}
大家可以体验这二个属性
相当于加了一个滤镜
mix-blend-mode: screen;
相当于加了一个图层和滤镜
mix-blend-mode: overlay;
【责任编辑:超级管理员】
关键字:
网站封装成小程序,转发 分享到朋友圈不能使用, 用chatgpt写的一个jquery效果,多行多列 logo图片透明度 无限闪动效果!最新文章
2021-05-10 09:29
- 简单实现 网站转微信小程序,并且让他支持 转发给朋友 功能
- 取消pbootcms 首页加入了?参数后 301重定向问题
- dede 电脑端和手机端首页同步生成方法,
- excel表格导入access中不换行解决办法-
- dede完美上下篇 英文版替换标签 dede:prenext 中英
- dede中英文网站栏目条调用方法
- dede双语站 面包导航{dede:field name='position'}
- PS: 无法完成请求,因为某种原因阻止文本引擎进行
- dede企业网站常见左侧固定大小类二级菜单调用代码
- 栏目页dede:channelartlist调用下级子类并dede:arcl
- dede:channelartlis 判断是否有子类栏目
- 更换织梦后台图集上传flash插件为layui上传模块
相关文章
2021-05-10 09:29