css-transitions - 一部の box-shadow ルールで webkit トランジションが機能していないように見える

Question

テーブルセルに展開可能なツリーが必要です。私はそれを働かせました。いじりながら、遷移したボックスの影を追加してみました。これはルートレベルでのみ機能します。(Jsフィドル) .

この問題は、ディスプレイでトランジションが機能しないことに関係している可能性があります(リンク)。しかし、ディスプレイの変更はすべてのトランジションを台無しにしますか、それとも何か不足していますか? (私は webkit トランジションを入れただけです。)

ありがとう。

Answer 1

編集: トランジション効果が機能していないため、これは回避策になる可能性があります。

キーフレーム アニメーションを使用してみましたか。コードにいくつかの変更を加えました。これがデモ（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; }
}