文章“使用CSS创建逼真的反射”的直接链接 filter mask-image reflection 使用CSS创建逼真的反射 在设计中,反射是对象的风格化镜像。尽管它们不像阴影那样受欢迎,但它们也有其闪光点——想想您第一次在MS Word或PowerPoint中探索不同的字体格式:… Preethi 于 2022年5月2日
文章“使用CSS剪裁和遮罩制作完美的工具提示”的直接链接 clip-path mask-image tooltip 使用CSS剪裁和遮罩制作完美的工具提示 剪裁和遮罩在CSS中已经存在了一段时间,并且拥有相当不错的浏览器支持。我最近在一个项目中需要使用剪裁技术来显示文本链接上方的工具提示。… Louis Hoebregts 于 2021年6月17日
文章“mask-image”的直接链接 mask mask-image mask-image CSS中的mask属性允许您隐藏元素的一部分。例如,如果您有一个黑白图像,您可以将其应用为遮罩,黑色部分将迫使元素在该元素上变得透明。遮罩也可以匹配遮罩图像的alpha透明度。 Chris Coyier 于 2021年5月10日
文章“灵活的重复SVG遮罩”的直接链接 mask mask-image 灵活的重复SVG遮罩 Tyler Gaw 提醒我们,mask-image可以像background-image一样重复、调整大小和移动,这很有趣,可以结合起来玩。我可以看到它对于<hr来说是一个有趣的选项,就像Sara 正在做的那样。… Chris Coyier 于 2020年3月22日