OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 img, div { | 5 img, div { |
6 display: inline-block; | 6 display: inline-block; |
7 margin: 20px 20px; | 7 margin: 20px 20px; |
8 border: 2px solid black; | 8 border: 2px solid black; |
9 width: 220px; | 9 width: 220px; |
10 height: 220px; | 10 height: 220px; |
11 } | 11 } |
12 | 12 |
13 .png { | 13 .png { |
14 background-image: url(../../custom/resources/green-checker.png); | 14 background-image: url(../../custom/resources/green-checker.png); |
15 background-repeat: no-repeat; | 15 background-repeat: no-repeat; |
16 background-position: center; | 16 background-position: center; |
17 } | 17 } |
18 | 18 |
19 .svg { | 19 .svg { |
20 background-image: url(resources/circle.svg); | 20 background-image: url(resources/circle.svg); |
21 } | 21 } |
22 | 22 |
23 .gradient { | 23 .gradient { |
24 background-image: -webkit-repeating-radial-gradient(top
left, red, blue 20px, red 40px); | 24 background-image: -webkit-repeating-radial-gradient(top
left, red, blue 20px, red 40px); |
25 } | 25 } |
26 </style> | 26 </style> |
27 </head> | 27 </head> |
28 | 28 |
29 <body onload="runRepaintTest()"> | 29 <body onload="forceStyleRecalc();repaintTest();"> |
30 <div class="png"></div> | 30 <div class="png"></div> |
31 <div class="svg"></div> | 31 <div class="svg"></div> |
32 <div class="gradient"></div> | 32 <div class="gradient"></div> |
33 <img src="resources/circle.svg"></img> | 33 <img src="resources/circle.svg"></img> |
34 | 34 |
35 <script>var zoomCount = 3; window.shouldZoomOut = true;</script> | 35 <script>var zoomCount = 3; window.shouldZoomOut = true;</script> |
36 <script src="../../../fast/repaint/resources/repaint.js"></script> | 36 <script src="../../../fast/repaint/resources/text-based-repaint.js"></script> |
37 <script src="../resources/testPageZoom.js"></script> | 37 <script src="../resources/testPageZoom.js"></script> |
38 | 38 |
39 </body> | 39 </body> |
40 </html> | 40 </html> |
OLD | NEW |