webkit-linear-gradient-line-bottom.html (772B)
1 <!doctype html> 2 <title>-webkit-linear-gradient(bottom)</title> 3 <link rel="author" title="Xidorn Quan" href="me@upsuper.org"> 4 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 5 <link rel="help" href="https://compat.spec.whatwg.org/#css-gradients-webkit-linear-gradient"> 6 <meta name="assert" content="'bottom' in -webkit-linear-gradient is equivalent to 'to top' in modern syntax"> 7 <link rel="match" href="green-ref.html"> 8 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-4400"> 9 <style> 10 #outer { 11 width: 100px; 12 height: 100px; 13 overflow: hidden; 14 } 15 #inner { 16 width: 100px; 17 height: 200px; 18 background-image: -webkit-linear-gradient(bottom, red 50%, green 50%); 19 } 20 </style> 21 <div id="outer"> 22 <div id="inner"></div> 23 </div>