如何将SVG代码中的蓝色填充修改为透明效果
你需要修改的是SVG图形中对应path节点的填充色,可通过以下两种方式实现:
- 方式1:直接修改HTML内联属性
找到SVG里定义蓝色区域的path标签,将fill="blue"替换为fill="transparent"即可:<path fill="transparent" d="m-101.116-101.116m169.705 11.313a113 113 0 00-137.178 0l68.589 68.59zm-158.392 21.214a113 113 0 000 137.178l68.59-68.589zm21.214 158.392a113 113 0 00137.178 0l-68.589-68.59zm158.392-21.214a113 113 0 000-137.178l-68.59 68.589z" /> - 方式2:通过CSS规则覆盖内联属性
不需要修改原有HTML代码,在你的CSS样式表中添加以下规则即可:.exit #exit path:nth-child(3) { fill: transparent; }
内容的提问来源于stack exchange,提问作者user17382064
相关产品推荐
相关产品推荐

