当前位置: 首页 > 知识库问答 >
问题:

前端 - 关于css的mask属性,如何做一个带边框的镂空效果?

梅安平
2023-10-13

image.png
如上图,是利用了镂空效果显示下面的图片,但是我想要的镂空效果是沿着不规则图形有一个边框效果,类似如下,五角星最外一层有一个红色的border。
image.png

代码示例如下:
https://jsbin.com/fazufer/edit?html,css,output

请问有实现过类似效果的吗?

共有1个答案

范云
2023-10-13

如果你是用 mask,并且是使用了一整图片的话,那么你要看到什么效果,完全取决于你的图片啊。

只要图片黑色的部分和白色的部分控制好,最终 mask 展示出来的内容不就是你想要的内容吗?

 类似资料:
  • css属性mask,指定了一个照片的地址,但是从网络面板中发现并没有去请求获取这张照片,这是怎么回事? codesandbox

  • 返回表示 CommandBarButton 对象的屏蔽图像的IPictureDisp 对象。屏蔽图像决定按钮图像透明的部分。 expression.Mask expression 必需。该表达式返回一个 CommandBarButton 对象。 说明 在创建要作为屏蔽图像使用的图像时,所有要透明的区域应该为白色,所有要显示的区域应该为黑色。 通常在设置了 CommandBarButton 对象的图

  • 本文向大家介绍如何使用CSS3的属性设置模拟边框跟border效果一样?相关面试题,主要包含被问及如何使用CSS3的属性设置模拟边框跟border效果一样?时的应答技巧和注意事项,需要的朋友参考一下

  • 网站地址 : https://zenitcreative.com/about

  • 问题内容: 我的边框颜色有问题。没用 我是CSS新手, 问题答案: 默认情况下,is 和is 因此,您需要将它们设置为和。您可以将所有边框属性组合为一个,如下所示:

  • 点击圆环的哪里,哪里外面就会出现一条弧线。