summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-animations/ib-split-sibling-opacity.html
blob: acb25883b66dbd04fd83865de3e3afa96e25ab82 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html class="reftest-wait reftest-no-flush">
<title>Opacity animation on ib-split-sibling</title>
<style>
@keyframes anim {
  from { opacity: 0; }
  to { opacity: 1; }
}
</style>
<span id="animating">A <span style="display:block"></span> C</span>
<script>
window.addEventListener("load", () => {
  animating.style.animation = 'anim 100s step-end reverse';
  window.addEventListener("MozAfterPaint", () => {
    requestAnimationFrame(() => {
      document.documentElement.classList.remove('reftest-wait');
    });
  }, {once: true});
});
</script>