| width: 300px; height: 250px; |
| transform-style: preserve-3d; |
| animation-duration: 20ms; |
| animation-fill-mode: forwards; |
| -webkit-backface-visibility: hidden; |
| 0% { transform-origin: 50% 50%; transform: translateX(400px); } |
| 50% { transform-origin: 50% 50%; transform: translateX(0px); } |
| 100% { transform-origin: 50% 50%; transform: translateX(0px); } |
| testRunner.waitUntilDone(); |
| function animationEnded() |
| window.addEventListener('load', () => { |
| document.getElementById('target').classList.add('animating'); |
| <div id="target" class="slide" onanimationend="animationEnded()"></div> |