Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!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>