CSS遮罩:mask

devtools/2024/11/20 21:05:40/

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)

使用mask的效果图
未使用mask的效果图


http://www.ppmy.cn/devtools/135583.html

相关文章

ADS学习笔记 5. 微带天线设计

基于ADS2023 update2 参考书籍:卢益锋老师《ADS射频电路设计与仿真学习笔记》 更多笔记:ADS学习笔记 1. 功率放大器设计ADS学习笔记 2. 低噪声放大器设计ADS学习笔记 3. 功分器设计ADS学习笔记 4. 微带分支定向耦合器设计 目录 0、设计指标 1、微带…

应用层协议之WebSocket

WebSocket是一种在单个TCP连接上进行全双工通信的协议,它允许在客户端和服务器之间建立持久性的连接,使得数据可以在双方之间进行实时交换,而不需要客户端发起多个HTTP请求。WebSocket特别适用于需要实时通信、实时推送数据、实时同步编辑等场…

ObjectMapper mapper = new ObjectMapper()、使用 Jackson 将 JSON 转换为 Map!!!!!

ObjectMapper mapper new ObjectMapper(); 创建了一个 Jackson 的 ObjectMapper 实例,主要用于 JSON 和 Java 对象之间的转换。这是 Jackson 中的核心工具类。 mapper.readValue(json, Map.class); 使用 ObjectMapper 的 readValue 方法,将一个 JSON 字…

uniapp 设置form表单以及验证密码

事例&#xff1a; 代码&#xff1a; <template><view class"changePwd"><view class"login_form"><view class"title"><view>修改密码</view><view>您好&#xff0c;请在下方输入原密码和新密码进行…

HTTP CRLF注入攻击

HTTP CRLF注入攻击 大家好&#xff0c;今天我们来聊聊一个与网络安全相关的重要话题——CRLF注入&#xff08;CRLF Injection&#xff09;。了解这种安全漏洞有助于我们更好地保护我们的应用程序和用户数据。 什么是CRLF&#xff1f; CRLF代表Carriage Return (回车) 和 Line…

Dubbo源码解析-服务导出(四)

一、服务导出 当我们在某个接口的实现类上加上DubboService后&#xff0c;就表示定义了一个Dubbo服务&#xff0c;应用启动时Dubbo只要扫描到了DubboService&#xff0c;就会解析对应的类&#xff0c;得到服务相关的配置信息&#xff0c;比如&#xff1a; 1. 服务的类型&…

Vue3 动态获取 assets 文件夹图片

我真服了Vue3 这个老六了,一个简单图片src 赋值搞得那么复杂. //item.type 是我遍历类型的类型参数 <img alt"吐槽大会" :src"getAssetUrl(item.type)" /> 基于 Vue2 的Webpack 处理,还不错,可以用/ 这种绝对路径,可以接受,虽然多了个require很不爽…

C++设计模式:工厂方法模式

工厂方法模式是一种创建型设计模式&#xff0c;其核心是将对象的创建延迟到子类中&#xff0c;通过定义一个接口来创建对象&#xff0c;使得子类决定实例化哪一个类。它在需要扩展产品类型时特别有用&#xff0c;能够避免代码的重复和耦合。 工厂方法模式的核心概念 抽象产品&…