计算机系统应用教程网站

网站首页 > 技术文章 正文

css文本、图像纯css实现一个渐变的蒙版效果

btikc 2024-10-02 12:08:16 技术文章 11 ℃ 0 评论 
// 文章文本
.mainTxt {
	        mask-image: linear-gradient(to bottom, white 10%, transparent 90%);
}
// 图片
.imgTag {
	        mask-image: linear-gradient(to bottom, white 10%, transparent 90%);
}


以前都是套一个div来实现，现在不需要啦，直接mask-image属性来实现该效果即可！

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表