image - 在 CSS 中使用 PNG 进行裁剪

标签 image css clip

有没有办法用图像叠加层来剪辑 div 的内容?

我尝试使用:background-clip 和类似的东西,但似乎无法弄明白!

在这里看到:

https://codepen.io/brycesnyder/pen/pwdoWW

我只想让红色显示在灰色图像区域内。

最佳答案

我用实验技术弄明白了。

要将图像用作各种事物的剪切路径,您可以使用属性:“mask”

看到这里: https://developer.mozilla.org/en-US/docs/Web/CSS/mask

不过,您需要为其添加前缀。

关于image - 在 CSS 中使用 PNG 进行裁剪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44767854/

相关文章:

html - 如何将一些图像重叠到一个 div 中?

html - 控制 html5 输入字段中的文本溢出

css - 引导导航选项卡 - 使用面包屑的自定义样式

css - 摆脱水平框阴影,即使它是 0

c# - 从 C# 服务器端,是否有生成 TreeMap 并另存为图像的方法?

php - 检查图像是否存在,如果不存在,请使用 php 选择另一个图像

jquery - 如何以这种方式 float 盒子?

html - 圆形曲线的剪辑路径选项?

r - 在 R 中使用 shapefile 剪切栅格,但保留 shapefile 的几何形状

image - 用于多个图像的 MATLAB 图像裁剪器?