1335998-1.html - mozsearch

Enable keyboard shortcuts

<!doctype html>

<html class="reftest-wait">

  <head>

    <title>

      Bug 1335998 - Handle {Interpolate, Accumulate}Matrix of mismatched transform lists

    </title>

    <style>

    #target {

      width: 100px; height: 100px;

      background: blue;

      transform: rotate(45deg);

    </style>

  </head>

  <body>

  <div id="target"></div>

  </body>

  <script>

    var div = document.getElementById("target");

    var animation = div.animate([ { transform: 'translateX(200px) scale(2.0)',

                                    composite: 'accumulate' },

                                  { transform: 'rotate(-45deg)' } ],

                                2000);

    animation.finished.then(function() {

      document.documentElement.className = "";

});

  </script>

</html>