| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 .green { | 3 .green { |
| 4 background-color: green; | 4 background-color: green; |
| 5 } | 5 } |
| 6 .box { | 6 .box { |
| 7 width: 200px; | 7 width: 200px; |
| 8 height: 200px; | 8 height: 200px; |
| 9 } | 9 } |
| 10 .drop-shadowed { | 10 .drop-shadowed { |
| (...skipping 11 matching lines...) Expand all Loading... |
| 22 <div class="green drop-shadowed box" id="box"></div> | 22 <div class="green drop-shadowed box" id="box"></div> |
| 23 <script src="resources/text-based-repaint.js"></script> | 23 <script src="resources/text-based-repaint.js"></script> |
| 24 <script> | 24 <script> |
| 25 function repaintTest() { | 25 function repaintTest() { |
| 26 var box = document.getElementById('box'); | 26 var box = document.getElementById('box'); |
| 27 box.classList.toggle('drop-shadowed'); | 27 box.classList.toggle('drop-shadowed'); |
| 28 box.classList.toggle('blurry'); | 28 box.classList.toggle('blurry'); |
| 29 } | 29 } |
| 30 runRepaintTest(); | 30 runRepaintTest(); |
| 31 </script> | 31 </script> |
| OLD | NEW |