| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <head> | 4 <head> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 .box { | 6 .box { |
| 7 display: inline-block; | 7 display: inline-block; |
| 8 height: 120px; | 8 height: 120px; |
| 9 width: 300px; | 9 width: 300px; |
| 10 margin: 10px; | 10 margin: 10px; |
| 11 border: 1px solid black; | 11 border: 1px solid black; |
| 12 background-repeat: no-repeat; | 12 background-repeat: no-repeat; |
| 13 font-size: 12pt; | 13 font-size: 12pt; |
| 14 } | 14 } |
| 15 | 15 |
| 16 .em-units > .box { | 16 .em-units > .box { |
| 17 background-image: -webkit-linear-gradient(left, yellow, yellow 5em, green
5em); | 17 background-image: linear-gradient(to right, yellow, yellow 5em, green 5em)
; |
| 18 background-image: -moz-linear-gradient(left, yellow, yellow 5em, green 5em
); | |
| 19 } | 18 } |
| 20 | 19 |
| 21 .indicator { | 20 .indicator { |
| 22 background-color: black; | 21 background-color: black; |
| 23 height: 20px; | 22 height: 20px; |
| 24 } | 23 } |
| 25 </style> | 24 </style> |
| 26 <script type="text/javascript" src="resources/text-based-repaint.js"></script> | 25 <script type="text/javascript" src="resources/text-based-repaint.js"></script> |
| 27 <script type="text/javascript"> | 26 <script type="text/javascript"> |
| 28 function repaintTest() | 27 function repaintTest() |
| 29 { | 28 { |
| 30 document.getElementById("box4").style.fontSize = "36pt"; | 29 document.getElementById("box4").style.fontSize = "36pt"; |
| 31 } | 30 } |
| 32 </script> | 31 </script> |
| 33 </script> | 32 </script> |
| 34 </head> | 33 </head> |
| 35 <body onload="runRepaintAndPixelTest();"> | 34 <body onload="runRepaintAndPixelTest();"> |
| 36 | 35 |
| 37 <div class="em-units"> | 36 <div class="em-units"> |
| 38 <div id="box3" class="box"><div class="indicator" style="width: 5em;"></div>
</div> | 37 <div id="box3" class="box"><div class="indicator" style="width: 5em;"></div>
</div> |
| 39 <div id="box4" class="box"><div class="indicator" style="width: 5em;"></div>
</div> | 38 <div id="box4" class="box"><div class="indicator" style="width: 5em;"></div>
</div> |
| 40 </div> | 39 </div> |
| 41 | 40 |
| 42 </body> | 41 </body> |
| 43 </html> | 42 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2746583003:
Send deprecation messages for prefixed gradients now that it's possible. (Closed)
