blob: f7947cf9ddeb91a9a9c538feba1affb7a5ed35fc [file] [log] [blame]
<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<style>
body {
margin: 0;
}
#big-black-box {
position: absolute;
background-color: black;
-webkit-background-clip: text;
width: 100%;
padding-top: 10000px;
}
#mask {
color: transparent;
}
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
</style>
<div id="big-black-box">
<span id="mask">Background mask</span>
</div>
<script>
runAfterLayoutAndPaint(function() {
window.scrollTo(0, 10000);
}, true);
</script>