font-awesome – Font Awesome“Cog”旋转不均匀

2024年1月23日 211次阅读

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

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

最佳答案 与“fa-refresh”图像相同的问题.我能够通过调整本地CSS中的原点来解决它：

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

一个黑客,但它的工作.测试了一些其他图标,它们也出现了“居中”.但是如果强制使用更大的图标(fa-lg,fa-2x等),则需要调整这些数字.

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

点赞