CSS3脉冲圈Firefox问题

Question

我有一个CSS3脉冲圈（动画比例为1.1）。我已经应用了一个微小的动作来修复火热的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);