Font Awesome“Cog”旋转不均匀

Question

我们在某些js事件中使用并添加/删除fa-spin。在3倍时容易看到的问题是齿轮不会绕固定轴旋转。我怀疑这是因为Chrome以42 x 49像素报告图标本身（SVG），即使图像是视觉方形的。有什么建议可以解决这个问题吗？

这很微妙但很明显： http://www.screencast.com/t/NwJTcKe4o

Answer 1

与＃34; fa-refresh＆＃34;相同的问题图片。我能够通过调整本地CSS中的原点来解决它：

.fa-spin {
    -webkit-transform-origin: 35% 50%;
    -ms-transform-origin: 35% 50%;
    transform-origin: 35% 50%;
}

一个黑客，但它奏效了。测试了一些其他图标，他们也出现了＃34;居中＆＃34;。但是如果强制使用更大的图标（fa-lg，fa-2x等），则需要调整这些数字。

我不确定是什么原因造成的。