box-shadow上的CSS3过渡：active

Question

是否可以使用：激活用于为持续时间和延迟的盒子阴影设置动画。

我的颜色有变化：悬停持续时间。显然，同样的方法不适用于box-shadow。

我尝试通过js添加类。我尝试在：active类和主类中设置持续时间。我尝试了transition: box shadow 1s transition-duration: 1s。还有一些东西。

完整代码位于codepen http://cdpn.io/pKJmC

那么，有什么想法吗？

感谢

Answer 1

你需要给它一个默认状态来转换。您在圈子中已有box-shadow但没有插入 box-shadow。在圆圈上添加一个插入框阴影设置为零：

.ball1,
.ball2,
.ball3 {
    box-shadow: inset 0 0 0 #222, 0px 10px 20px -10px #222;
}

Answer 2

首先，属性名称是box-shadow。在你的问题中，你写的没有连字符。

还有一件事，你不能过渡到汽车财产或从汽车财产过渡。所以你必须定义一个box-shadow：none;在你的默认状态下，如果你希望这个工作