この CSS ルールにより、独自の複合レイヤーに存在する 2 つの DOM 要素があります。
.element-one,
.element-two {
will-change: transform;
transform: translateZ(0); // Fallback
}
これで、Chrome 開発ツールの[レイヤーの境界線を表示] オプションを使用して、これらのレイヤーを調べることができます。
すべて素晴らしい!そして、これは私が見るものです
私はオレンジ色の境界線の色に精通しており、要素が独自の複合レイヤーに存在することを意味します。しかし、緑色は何を示しているのでしょうか?
すべての開発ツールのドキュメントは古くなっているようです。