firefox - CSS3 脉冲圈 Firefox 问题

Question

我有一个 CSS3 脉冲圈（动画比例为 1.1）。我已经应用了一个微小的 roation 来修复跳跃的 Firefox 动画问题。

animation: button_pulse 2s infinite ease-out;

transform: scale(1.1) rotate(0.1deg);

然而，在 Firefox 上，右侧仍然存在一个小问题，我只能将其描述为白唇。关于如何让整个圈子保持平稳的任何想法。

它在 Chrome 中看起来很棒。

http://jsfiddle.net/alexcroox/9JpHT/

谢谢你。

Answer 1

我使用内阴影去除了白唇，该区域在 FF 中看起来仍然有点方，但比以前好。

box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.1);