使用遮罩效果将透明像素变为指定颜色并使不透明像素透明。此过滤器中使用以下参数
sr.否
参数及说明
thead> 1
颜色 strong>透明区域将变成的颜色。
示例您可以尝试运行以下代码来实现遮罩效果 -
现场演示
<html> <head> </head> <body> <img src="/css/images/logo.png" alt="css logo" style="filter: chroma(color = #000000) mask(color=#00ff00)"> <p>text example:</p> <div style="width: 357; height: 50; font-size: 30pt; font-family: arial black; color: red; filter: mask(color=#00ff00)">css tutorials</div> </body></html>
以上就是使用 css 设置遮罩效果的详细内容。