1224761-1-ref.html (667B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 div { 6 border: 1px solid black; 7 width: 30px; 8 height: 30px; 9 margin: 1px; 10 } 11 .grad-5 { 12 background: yellow; 13 } 14 .grad0 { 15 background: yellow; 16 } 17 .grad30 { 18 /* not much of a test, but this isn't where the bug was anyway! */ 19 background: linear-gradient(to right, blue 30%, yellow 30%); 20 } 21 .grad100 { 22 background: blue; 23 } 24 .grad150 { 25 background: blue; 26 } 27 </style> 28 </head> 29 <body> 30 You shouldn't see a gradual gradient in any of the divs below. 31 <div class="grad-5"></div> 32 <div class="grad0"></div> 33 <div class="grad30"></div> 34 <div class="grad100"></div> 35 <div class="grad150"></div> 36 </body> 37 </html>