blob: abdcb91a6be5cbafadd1bf5aff61a5240be5c4a0 [file] [log] [blame]
<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.layoutTestController)
layoutTestController.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, none 2s ease-in, 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>