box-shadow CSS属性可以动画吗？Chrome动画,Firefox没有

Question

以下是jsfiddle.net示例:

http://jsfiddle.net/PGa2H/

CSS

@keyframes blink {
    0% { box-shadow: 0 0 15px green; }
    50% { box-shadow: 0 0 0; }
    100% { box-shadow: 0 0 15px green; }
}

@-webkit-keyframes blink {
    0% { box-shadow: 0 0 15px green; }
    50% { box-shadow: 0 0 0; }
    100% { box-shadow: 0 0 15px green; }
}

.blink {
    -webkit-animation: blink 1.0s linear infinite;
    animation: blink 1.0s linear infinite;
}

• Box shadow动画适用于Chrome

• 在Firefox中不起作用

问题

• 哪些CSS3属性可以动画？

• 这是指定的？

• 如果Firefox存在问题,是否有参考

Answer 1

如果您box-shadow出于某种原因使用无效值,Firefox似乎不喜欢它.如果要取消阴影使用box-shadow: none.这似乎只需要工作.

http://jsfiddle.net/PGa2H/2/

这似乎是一个非官方但准确的动画属性列表:http://oli.jp/2010/css-animatable-properties/