Css 如何将“变换原点”与SVG结合使用？

我试图从其中心旋转一个

SVG路径

，但它不起作用

a{
宽度：40px；
高度：40px；
宽度：40px；
字体大小：1.5rem；
填充：1px；
溢出：隐藏；
边框：1px纯黑；
}
a:悬停路径{
-webkit变换：旋转（360度）；
-moz变换：旋转（360度）；
-ms变换：旋转（360度）；
-o变换：旋转（360度）；
变换：旋转（360度）；
}
小路{
过渡：全部。5s轻松进出；
变换原点：中心；
}

---

假设变换框是填充框，但默认情况下不是，而是视图框。你可以用它来解决这个问题

a{
宽度：40px；
高度：40px；
宽度：40px；
字体大小：1.5rem；
填充：1px；
溢出：隐藏；
边框：1px纯黑；
}
a:悬停路径{
-webkit变换：旋转（360度）；
-moz变换：旋转（360度）；
-ms变换：旋转（360度）；
-o变换：旋转（360度）；
变换：旋转（360度）；
}
小路{
过渡：全部。5s轻松进出；
变换原点：中心；
变换框：填充框；
}