| Rune Lillesveen | 3dfcd41 | 2019-12-17 12:10:50 | [diff] [blame^] | 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> |
