16 background-color: green;
25 background-color: green;
29 .shouldNotStack .child {
30 background-color: red;
39 #willChangeTransform {
40 will-change: -webkit-transform;
45 #willChangeTransformStyle {
46 will-change: -webkit-transform-style;
51 #willChangePerspective {
52 will-change: -webkit-perspective;
58 will-change: -webkit-mask;
63 #willChangeMaskBoxImage {
64 will-change: -webkit-mask-box-image;
70 will-change: -webkit-clip-path;
75 #willChangeBoxReflect {
76 will-change: -webkit-box-reflect;
82 will-change: -webkit-filter;
93 #willChangeMixBlendMode {
94 will-change: mix-blend-mode;
99 #willChangeIsolation {
100 will-change: isolation;
105 #willChangePosition {
106 will-change: position;
111 #willChangeCombination {
112 will-change: top, opacity, left;
126 <div id=
"willChangeOpacity" class=
"shouldStack">
127 <div class=
"child">opacity
</div>
129 <div id=
"willChangeTransform" class=
"shouldStack">
130 <div class=
"child">-webkit-transform
</div>
132 <div id=
"willChangeTransformStyle" class=
"shouldStack">
133 <div class=
"child">-webkit-transform-style
</div>
135 <div id=
"willChangePerspective" class=
"shouldStack">
136 <div class=
"child">-webkit-perspective
</div>
138 <div id=
"willChangeMask" class=
"shouldStack">
139 <div class=
"child">-webkit-mask
</div>
141 <div id=
"willChangeMaskBoxImage" class=
"shouldStack">
142 <div class=
"child">-webkit-mask-box-image
</div>
144 <div id=
"willChangeClipPath" class=
"shouldStack">
145 <div class=
"child">-webkit-clip-path
</div>
147 <div id=
"willChangeBoxReflect" class=
"shouldStack">
148 <div class=
"child">-webkit-box-reflect
</div>
150 <div id=
"willChangeFilter" class=
"shouldStack">
151 <div class=
"child">-webkit-filter
</div>
153 <div id=
"willChangeZIndex" class=
"shouldStack">
154 <div class=
"child">z-index
</div>
156 <div id=
"willChangeMixBlendMode" class=
"shouldStack">
157 <div class=
"child">mix-blend-mode
</div>
159 <div id=
"willChangeIsolation" class=
"shouldStack">
160 <div class=
"child">isolation
</div>
162 <div id=
"willChangePosition" class=
"shouldStack">
163 <div class=
"child">position
</div>
165 <div id=
"willChangeCombination" class=
"shouldStack">
166 <div class=
"child">combination
</div>
168 <div id=
"willChangeTop" class=
"shouldNotStack">
169 <div class=
"child">top
</div>