次のような上から下への線形グラデーションを作成しようとしています:
残念ながら、私が得るものは次のとおりです。
以下は私のHTMLです：
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<link rel="stylesheet" href="test.css">
</head>
<body>
Hi
</body>
</html>
そして私のCSS：
body{
background: linear-gradient(0deg, white, blue 80%) ;
}
90degすると、代わりに次のよう0degになります。
このグラデーションが必要ですが、左から右ではなく、上から下に 90 度回転する必要があります。0deg が繰り返される勾配に似たものを与えるように見える理由に興味があります。
私はブラウザ、Firefox 21 と Chrome 27 を使用しています。アドバイスをいただければ幸いです。