CSS转换不适用于Firefox,适用于Chrome

时间:2014-03-01 00:03:48

标签: css cross-browser

http://codepen.io/cory/pen/dILyo

在Firefox上查看时,元素边框周围会出现丑陋的浅绿色海洋蓝色圆圈。

在Chrome上观看时可以看到正确的展望。

任何想法如何修复边界?提前谢谢。

2 个答案:

答案 0 :(得分:0)

删除-moz前缀。 Firefox no longer needs that.另外,请确保在列表中最后添加无前缀属性。

答案 1 :(得分:0)

您需要删除@keyframe属性中的webkit前缀。所以使用

@keyframe

而不是

@-webkit-keyframes

因为Firefox不是WebKit浏览器。有关Firefox中关键帧的更多信息:

https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes