css - 通过 CSS 向 SVG 添加空白，以便为 CSS 动画留出空间

Question

我有一个 SVG，我想通过 CSS 稍微动画一些路径。问题是，一旦我在 SVG 路径上移动，其中一些transform会由于溢出而被裁剪。所以我需要在动画之前增加 SVG 的视图框，以便有额外的可用空间。

有没有办法通过 CSS 做到这一点？如果没有，我必须使用 JS，是否有一种通用的方法来重置属性而不会弄乱 SVG 本身？移动它，改变大小等。

谢谢！

标签： cssanimationsvgcss-animationssvg-animate