зеркало из https://github.com/mozilla/gecko-dev.git
30 строки
890 B
HTML
30 строки
890 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<!--
|
||
|
|
This test makes sure that linear gradient painting paths agree around
|
||
|
|
non-pixel aligned dimensions: namely, the direct path which draws the
|
||
|
|
linear gradient repeatedly; and the optimised path which converts the
|
||
|
|
original gradient into a repeating gradient and fills the whole
|
||
|
|
destination in one go.
|
||
|
|
|
||
|
|
This CSS will hit the optimised linear gradient painting path, since the
|
||
|
|
dirty rect will be the size of the whole box (including border), but the
|
||
|
|
destination is only the size of the rect within the border.
|
||
|
|
-->
|
||
|
|
<style type="text/css">
|
||
|
|
div {
|
||
|
|
border: 2px solid grey;
|
||
|
|
background: linear-gradient(to top, red, blue);
|
||
|
|
height: 18.5px;
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|