<!DOCTYPE html><htmlclass="reftest-wait"><title>Validates rendering of an animated element with jump-start in the before phase</title><linkrel="help"href="https://www.w3.org/TR/css-animations-1"><linkrel="help"href="https://www.w3.org/TR/web-animations-1/#calculating-the-transformed-progress"><linkrel="match"href="jump-start-animation-before-phase-ref.html"><styletype="text/css"media="screen">body{margin:0;}@keyframesslide{from{transform:translateX(100px);}to{transform:translateX(200px);}}#target{background-color:green;height:100px;width:100px;margin:0;animation:slide10000s5000ssteps(1,jump-start)backwards;}</style><body><divid="target"></div></body><scriptsrc="/common/reftest-wait.js"></script><scriptsrc="support/testcommon.js"></script><scripttype="text/javascript">window.onload=async()=>{awaitdocument.getAnimations()[0].ready;awaitwaitForNextFrame();takeScreenshot();}</script>