webkit转换似乎不适用于某些盒子阴影规则

Question

我想在表格单元格中使用可扩展树。我得到了这个工作。在玩它时，我试图添加一个过渡的盒子阴影。这仅适用于根级别。 (JsFiddle)。

问题可能与转换不在展示(link)上有关。但是显示会改变所有过渡，或者我错过了什么？ （我只进行了webkit过渡。）

感谢。

Answer 1

编辑：这可能是一种可能的解决方法，因为转换效果不起作用。

您是否尝试过使用关键帧动画？我在代码中做了一些更改。这是一个demo (jsFiddle).

我改变了：

/* This transition seems to have no effect. */
    -webkit-transition: box-shadow 0.5s;
}  

为：

/* This transition seems to have no effect. */
    -webkit-animation: shadow 0.5s ease-in-out;
}  

@-webkit-keyframes shadow {
    0%   { box-shadow: 0px 0px 0px #000; }    
    100% { box-shadow: 4px 4px 7px #000; }
}