transform-inline-style.html | Explore in Territory

<html>
<head>
  <title>Inline transition style</title>
  <style type="text/css" media="screen">
    #box {
      height: 100px;
      width: 100px;
      background-color: blue;
    }
  </style>
  <script type="text/javascript" charset="utf-8">
    if (window.testRunner)
      testRunner.dumpAsText();

    function doTest()
    {
      var box = document.getElementById('box');
      var console = document.getElementById('console');
      console.innerHTML += 'style: ' + box.style.webkitTransition + '<br>';
      console.innerHTML += 'style: ' + box.style.webkitTransformOrigin + '<br>';
    }
  </script>
</head>
<body onload="doTest()">
  <p>Tests reading inline style of transition, and -webkit-transform-origin<br>
    <a href="https://bugs.webkit.org/show_bug.cgi?id=22594">https://bugs.webkit.org/show_bug.cgi?id=22594</a>
    </p>
    <div id="box" style="border: 1px black;
                         -webkit-transition: all 1s ease, left 3s cubic-bezier(0.2, 0.3, 0.6, 0.8) 2s;
                         -webkit-transform-origin: left 30%;">
    </div>
    <div id="console"></div>
</body>
</html>
chromium/third_party/blink/web_tests/fast/css/transform-inline-style.html
