26 lines
797 B
HTML
26 lines
797 B
HTML
<!DOCTYPE HTML>
|
|
<title>Largest Contentful Paint: invisible images are not observable</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="resources/invisible-images.js"></script>
|
|
<style>
|
|
.opacity0 {
|
|
opacity: 0;
|
|
}
|
|
.visibilityHidden {
|
|
visibility: hidden;
|
|
}
|
|
.displayNone {
|
|
display: none;
|
|
}
|
|
.composited {
|
|
will-change: transform;
|
|
}
|
|
img {
|
|
border: 2px solid black;
|
|
will-change: transform;
|
|
}
|
|
</style>
|
|
<div class='opacity0 composited'><img src='/images/yellow.png' id='divOpacity0'/></div>
|
|
<div class='visibilityHidden composited'><img src='/images/yellow.png' id='divVisibilityHidden'/></div>
|
|
<div class='displayNone composited'><img src='/images/yellow.png' id='divDisplayNone'/></div>
|