Html 如何使用SVG操纵间距

我正在用

SVG

制作巴西国家地图，我对

风格有疑问。是地图片段。我想在状态之间设置一个间距，如下图所示：


如何执行此操作？
要添加状态之间的间距，请使用
笔划宽度
：

.mapa-svg-estados {
    stroke: var(--default-strok);
    stroke-width:3px;
}

要保留同样使用
笔划宽度
的动画线条图，请使用
动画
而不是
过渡
：

.mapa-svg-estados-active {
    cursor: pointer;
    stroke: var(--default-blue-stroke);
    stroke-dasharray: 180%;
    stroke-dashoffset: -120%;
    fill: var(--default-grey-black-fill);
    animation:outline 0.8s ease forwards;
}
@keyframes outline {
     from {}
     to {
          stroke-dashoffset: 0%;
     }
}

我用你的密码笔做了个工作叉

另外，您有一个打字错误
--默认笔划
=>
--默认笔划
；）
 您的代码片段似乎显示了您正在寻找的确切行为？请澄清您当前的代码没有做什么，以及您希望它做什么。@AndrewFan我当前的代码只显示巴西各州。您可以选择所需的名称并显示相应的名称。现在我只想更改样式部分。通常，您可以使用白色
笔划
来实现这一点，但这是不可能的，因为您正在使用此属性来执行。。。动画是绝对必要的吗？@Xander不，不是！“我该如何改变？”亨特·亨特检查我的答案，告诉我答案是否正确。