blob: 579d88220610e4f2ea7e884018b655cf1c5c8dca [file] [log] [blame]
Xidorn Quan38f2e992017-08-11 10:08:171<!doctype html>
2<title>-webkit-linear-gradient(top)</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="'top' in -webkit-linear-gradient is equivalent to 'to bottom' in modern syntax">
7<link rel="match" href="green-ref.html">
8<style>
9 #outer {
10 width: 100px;
11 height: 100px;
12 overflow: hidden;
13 }
14 #inner {
15 width: 100px;
16 height: 200px;
17 background-image: -webkit-linear-gradient(top, green 50%, red 50%);
18 }
19</style>
20<div id="outer">
21 <div id="inner"></div>
22</div>