limegreen;
  }
  .fail {
    background-color: red;
  }
</style>

<script>
onload = takeScreenshotOnAnimationsReady;
</script>

<!-- before phase playing backwards -->
<div class="container">
  <div class="label">Before phase</div>
  <div class="testcase" id="before">
    <div class="absolutebox pass"></div>
    <div class="target fail"></div>
  </div>
</div>
<script>
  setupAnimation('#before', STATE_NONE, PROPERTY_OPACITY, PHASE_BEFORE);
</script>

<!-- after phase playing forwards-->
<div class="containe