webkit-linear-gradient-diff-unprefixed.html (656B)
1 <!DOCTYPE html> 2 <title>Compatibility Test: -webkit-linear-gradient() diff with linear-gradient()</title> 3 <link rel="help" href="https://compat.spec.whatwg.org/#css-gradients-webkit-linear-gradient"> 4 <link rel="match" href="webkit-linear-gradient-diff-unprefixed-ref.html"> 5 <style> 6 #square { 7 height: 100px; 8 width: 100px; 9 } 10 </style> 11 <p>You should see a square, orange at the top, blue at the bottom.</p> 12 <div id="square"></div> 13 <script> 14 square.offsetTop; 15 square.style.backgroundImage = "-webkit-linear-gradient(bottom, orange, blue)"; 16 square.offsetTop; 17 square.style.backgroundImage = "linear-gradient(to bottom, orange, blue)"; 18 </script>