<!DOCTYPE html>
<script src="../resources/runner.js"></script>
<script src="resources/paint.js"></script>
<div id="container" style="columns:10; column-gap:0; width:1px; column-fill:auto; height:100px;">
<div id="child" style="height:1000000px;"></div>
</div>
<script>
// Measure performance of painting a fragmented block with a background
// gradient.
var yellowfirst = false;
measurePaint({
run: function() {
child.style.background = yellowfirst ? "linear-gradient(yellow, hotpink)" : "linear-gradient(hotpink, yellow)";
yellowfirst = !yellowfirst;
},
});
</script>