技术栈

CSS遮罩:mask

koiy.cc2024-11-20 23:33

CSS属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。

css 复制代码
// 一般用位图图片做遮罩
mask: url('~@/assets/images/mask.png');
mask-size: 100% 100%;

// 使用 SVG 图形中的形状来做遮罩 
mask: url('~@/assets/images/mask.svg#star');  

// 使用渐变来做遮罩
mask: linear-gradient(#000, transparent)


上一篇:linux配置动态ip
下一篇:QT基础 信号与槽 QT5.12.3环境
相关推荐
你挚爱的强哥
10 小时前
SCSS上传图片占位区域样式
前端·css·scss
奶球不是球
10 小时前
css新特性
前端·css
荻酷社区
14 小时前
HTML+CSS+JavaScript实现的AES加密工具网页应用,包含完整的UI界面和加密/解密功能
javascript·css·html
lumi.
18 小时前
Swiper属性全解析:快速掌握滑块视图核心配置!(2.3补充细节,详细文档在uniapp官网)
前端·javascript·css·小程序·uni-app
Man
19 小时前
uniapp中使用unocss适配多端
前端·css
掘金安东尼
21 小时前
用 CSS random() 来掷骰子
前端·css·面试
山有木兮木有枝_
1 天前
TailWind CSS
前端·css·postcss
一点一木
1 天前
使用现代 <img> 元素实现完美图片效果(2025 深度实战版)
前端·css·html
海天鹰
1 天前
CSS变量
css
复苏季风
2 天前
从布局难民到 flex 大神:新人必学的 Flex 布局全攻略
前端·css
热门推荐
01UV安装并设置国内源02不再让Windows更新!&Edge游戏助手卸载及关闭自动更新03如何在Windows/Linux系统上安装adb04【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)05KGG转MP3工具|非KGM文件|解密音频06Claude Code VSCode集成开发指南:AI编程助手完整配置07Cursor 快速入门指南:从安装到核心功能08【踩坑笔记】50系显卡适配的 PyTorch 安装092025最新国内服务器可用docker源仓库地址大全(2025年8月更新)10Redis 下载与安装 教程 windows版