| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 .shouldStack { | 5 .shouldStack { |
| 6 position: absolute; | 6 position: absolute; |
| 7 width: 150px; | 7 width: 150px; |
| 8 height: 50px; | 8 height: 50px; |
| 9 background-color: red; | 9 background-color: red; |
| 10 } | 10 } |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 72 left: 0px; | 72 left: 0px; |
| 73 } | 73 } |
| 74 | 74 |
| 75 #willChangeBoxReflect { | 75 #willChangeBoxReflect { |
| 76 will-change: -webkit-box-reflect; | 76 will-change: -webkit-box-reflect; |
| 77 top: 200px; | 77 top: 200px; |
| 78 left: 200px; | 78 left: 200px; |
| 79 } | 79 } |
| 80 | 80 |
| 81 #willChangeFilter { | 81 #willChangeFilter { |
| 82 will-change: -webkit-filter; | 82 will-change: filter; |
| 83 top: 200px; | 83 top: 200px; |
| 84 left: 400px; | 84 left: 400px; |
| 85 } | 85 } |
| 86 | 86 |
| 87 #willChangeZIndex { | 87 #willChangeZIndex { |
| 88 will-change: z-index; | 88 will-change: z-index; |
| 89 top: 300px; | 89 top: 300px; |
| 90 left: 0px; | 90 left: 0px; |
| 91 } | 91 } |
| 92 | 92 |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 141 <div id="willChangeMaskBoxImage" class="shouldStack"> | 141 <div id="willChangeMaskBoxImage" class="shouldStack"> |
| 142 <div class="child">-webkit-mask-box-image</div> | 142 <div class="child">-webkit-mask-box-image</div> |
| 143 </div> | 143 </div> |
| 144 <div id="willChangeClipPath" class="shouldStack"> | 144 <div id="willChangeClipPath" class="shouldStack"> |
| 145 <div class="child">-webkit-clip-path</div> | 145 <div class="child">-webkit-clip-path</div> |
| 146 </div> | 146 </div> |
| 147 <div id="willChangeBoxReflect" class="shouldStack"> | 147 <div id="willChangeBoxReflect" class="shouldStack"> |
| 148 <div class="child">-webkit-box-reflect</div> | 148 <div class="child">-webkit-box-reflect</div> |
| 149 </div> | 149 </div> |
| 150 <div id="willChangeFilter" class="shouldStack"> | 150 <div id="willChangeFilter" class="shouldStack"> |
| 151 <div class="child">-webkit-filter</div> | 151 <div class="child">filter</div> |
| 152 </div> | 152 </div> |
| 153 <div id="willChangeZIndex" class="shouldStack"> | 153 <div id="willChangeZIndex" class="shouldStack"> |
| 154 <div class="child">z-index</div> | 154 <div class="child">z-index</div> |
| 155 </div> | 155 </div> |
| 156 <div id="willChangeMixBlendMode" class="shouldStack"> | 156 <div id="willChangeMixBlendMode" class="shouldStack"> |
| 157 <div class="child">mix-blend-mode</div> | 157 <div class="child">mix-blend-mode</div> |
| 158 </div> | 158 </div> |
| 159 <div id="willChangeIsolation" class="shouldStack"> | 159 <div id="willChangeIsolation" class="shouldStack"> |
| 160 <div class="child">isolation</div> | 160 <div class="child">isolation</div> |
| 161 </div> | 161 </div> |
| 162 <div id="willChangePosition" class="shouldStack"> | 162 <div id="willChangePosition" class="shouldStack"> |
| 163 <div class="child">position</div> | 163 <div class="child">position</div> |
| 164 </div> | 164 </div> |
| 165 <div id="willChangeCombination" class="shouldStack"> | 165 <div id="willChangeCombination" class="shouldStack"> |
| 166 <div class="child">combination</div> | 166 <div class="child">combination</div> |
| 167 </div> | 167 </div> |
| 168 <div id="willChangeTop" class="shouldNotStack"> | 168 <div id="willChangeTop" class="shouldNotStack"> |
| 169 <div class="child">top</div> | 169 <div class="child">top</div> |
| 170 </div> | 170 </div> |
| 171 </body> | 171 </body> |
| 172 | 172 |
| 173 </html> | 173 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2065593002:
Unprefix the CSS 'filter' property (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master