1291528.html (890B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <!-- 6 This test makes sure that linear gradient painting paths agree around 7 non-pixel aligned dimensions: namely, the direct path which draws the 8 linear gradient repeatedly; and the optimised path which converts the 9 original gradient into a repeating gradient and fills the whole 10 destination in one go. 11 12 This CSS will hit the optimised linear gradient painting path, since the 13 dirty rect will be the size of the whole box (including border), but the 14 destination is only the size of the rect within the border. 15 --> 16 <style type="text/css"> 17 div { 18 border: 2px solid grey; 19 background: linear-gradient(to top, red, blue); 20 height: 18.5px; 21 width: 100px; 22 } 23 </style> 24 </head> 25 <body> 26 <div> 27 </div> 28 </body> 29 </html>