Win7 の Chrome (最新) で奇妙な動作に遭遇しました。FF と IE10 は期待どおりに動作します。
このフィドルを見てください: http://jsfiddle.net/KrNm4/3/
.a {
display: block;
margin-bottom: 10px;
width: 100px;
height: 100px;
background: -webkit-linear-gradient(-85deg, #efefef 25%, #666 25%);
background: -moz-linear-gradient(-85deg, #efefef 25%, #666 25%);
}
.b {
display: block;
margin-bottom: 10px;
width: 400px;
height: 400px;
background: -webkit-linear-gradient(-85deg, #efefef 15%, #666 15%);
background: -moz-linear-gradient(-85deg, #efefef 15%, #666 15%);
}
<div class="a">a</div>
<div class="b">b</div>
2 番目の div は、間違った角度のグラデーションを示しています。いつ正確に 90° にスナップするのかわかりませんでした。ただし、divのサイズに依存するようです。
これについて何か知っている人はいますか?それはバグ、機能、スーパーマンですか、それとも私は愚かで何かが足りないだけですか?
編集:Browsershotsをチェックしたところ、LinuxとMacで同じ結果