1

2 つの要素で構成される単純な Polymer アプリがあります。最初のx-app要素は、そのローカル dom内に 2 番目の要素x-innerを持ちます。x-inner 要素内で、:host に適用するspinと呼ばれるキーフレーム アニメーションを定義します。x-app 内では、同じアニメーション名spinも適用しますが、キーフレーム アニメーションは定義されていません。ただし、スピン アニメーションは両方の要素で機能します。@keyframe が内部要素から漏れているように思えます。

これは予期される動作ですか? または、@keyframe アニメーションの定義が間違っていますか?

例については、私の jsbin を参照してください: jsbin

4

1 に答える 1

1

これは、実際の Shadow DOM が行うように、コンポーネントの CSS スタイルを実際には分離しない" Shady " DOMを使用しているためです。

shadow代わりに定義してみてくださいshady。うまくいきます。

jsbin の例

于 2016-10-28T10:02:54.350 に答える