1335998-1.html (784B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <head> 4 <title> 5 Bug 1335998 - Handle {Interpolate, Accumulate}Matrix of mismatched transform lists 6 </title> 7 <style> 8 #target { 9 width: 100px; height: 100px; 10 background: blue; 11 transform: rotate(45deg); 12 } 13 </style> 14 </head> 15 <body> 16 <div id="target"></div> 17 </body> 18 <script> 19 var div = document.getElementById("target"); 20 var animation = div.animate([ { transform: 'translateX(200px) scale(2.0)', 21 composite: 'accumulate' }, 22 { transform: 'rotate(-45deg)' } ], 23 2000); 24 animation.finished.then(function() { 25 document.documentElement.className = ""; 26 }); 27 </script> 28 </html>