如何给 svg 动画更多空间？

Question

是的，这个任务有点奇怪。在 hover 上，每个项目都必须缩放。 中间偏左的项目工作稳定。顶部和左侧也几乎没问题，但顶角被裁剪了。正确的项目缩放错误，只有在所有 SVG 的中心附近悬停时。
就像他们没有地方可以扩展。
我尝试更改宽高，但没有帮助。
什么是 属性，可以修复它？

Codepen link

Answer 1

当您将鼠标悬停在 Дети, Финансы 时，效果不佳。
只有将鼠标悬停在笔划上时，路径才会缩放。
所以我也改正了。
此代码可以帮助您。

path:nth-child(2) {
  fill: white;
}
svg {
  overflow: visible;
}

Codepen link