如何在悬停的多个可单击项目中为SVG徽标的“爆炸”动画设置动画？

Question

我正在寻找一种实现网站特殊动画的方法： 悬停时，徽标会分成几个可点击的项目。

徽标是SVG。此时，可以进行每个部分的过渡，但是我希望在使用光标在表单之间导航时徽标仍会分开。

换句话说，每次我将光标移到初始SVG的画板外时，悬停效果就会下降，徽标会直接重新形成……

我附上一张图片，以更好地了解情况。