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 |