third_party/WebKit/LayoutTests/fast/css/transform-inline-style.html

   1 <html>
   2 <head>
   3   <title>Inline transition style</title>
   4   <style type="text/css" media="screen">
   5     #box {
   6       height: 100px;
   7       width: 100px;
   8       background-color: blue;
   9     }
  10   </style>
  11   <script type="text/javascript" charset="utf-8">
  12     if (window.testRunner)
  13       testRunner.dumpAsText();
  14
  15     function doTest()
  16     {
  17       var box = document.getElementById('box');
  18       var console = document.getElementById('console');
  19       console.innerHTML += 'style: ' + box.style.webkitTransition + '<br>';
  20       console.innerHTML += 'style: ' + box.style.webkitTransformOrigin + '<br>';
  21     }
  22   </script>
  23 </head>
  24 <body onload="doTest()">
  25   <p>Tests reading inline style of transition, and -webkit-transform-origin<br>
  26     <a href="https://bugs.webkit.org/show_bug.cgi?id=22594">https://bugs.webkit.org/show_bug.cgi?id=22594</a>
  27     </p>
  28     <div id="box" style="border: 1px black;
  29                          -webkit-transition: all 1s ease, left 3s cubic-bezier(0.2, 0.3, 0.6, 0.8) 2s;
  30                          -webkit-transform-origin: left 30%;">
  31     </div>
  32     <div id="console"></div>
  33 </body>
  34 </html>