1319072-1.html (531B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>Interpolation of decomposed matrices</title> 4 <style> 5 #target { 6 width: 100px; height: 100px; 7 background: blue; 8 animation: anim 0.1s cubic-bezier(0,1.5,1,1.5); 9 } 10 @keyframes anim { 11 from { transform: matrix(1, 0, 0, 1, 100, 200); } 12 to { transform: matrix(1, 0, 0, 1, 200, 100); } 13 } 14 </style> 15 <div id="target"></div> 16 <script> 17 document.getElementById("target").addEventListener("animationend", () => { 18 document.documentElement.classList.remove("reftest-wait"); 19 }); 20 </script>