| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #box { | 3 #box { |
| 4 width: 100px; | 4 width: 100px; |
| 5 height: 100px; | 5 height: 100px; |
| 6 background-color: green; | 6 background-color: green; |
| 7 -webkit-filter: drop-shadow(250px 50px 10px red); | 7 -webkit-filter: drop-shadow(250px 50px 10px red); |
| 8 } | 8 } |
| 9 #positioned { | 9 #positioned { |
| 10 position: absolute; | 10 position: absolute; |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 <div id="box"> | 22 <div id="box"> |
| 23 <div id="positioned"></div> | 23 <div id="positioned"></div> |
| 24 </div> | 24 </div> |
| 25 <script src="resources/text-based-repaint.js"></script> | 25 <script src="resources/text-based-repaint.js"></script> |
| 26 <script> | 26 <script> |
| 27 function repaintTest() { | 27 function repaintTest() { |
| 28 box.style.webkitFilter = 'drop-shadow(300px 100px 10px green)'; | 28 box.style.webkitFilter = 'drop-shadow(300px 100px 10px green)'; |
| 29 } | 29 } |
| 30 runRepaintAndPixelTest(); | 30 runRepaintAndPixelTest(); |
| 31 </script> | 31 </script> |
| OLD | NEW |