--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/WebCore/manual-tests/transition-left.html Fri Sep 17 09:02:29 2010 +0300
@@ -0,0 +1,46 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>Transition of left property</title>
+ <style>
+ div {
+ position: relative;
+ left: 100px;
+ height: 200px;
+ width: 300px;
+ background-color: #9bb;
+ -webkit-transition-property: left;
+ -webkit-transition-duration: 1s;
+ }
+ </style>
+ <script type="text/javascript" charset="utf-8">
+
+ var flag = true;
+
+ function init() {
+ document.getElementById("target").addEventListener("click", function(evt) {
+ if (flag)
+ evt.target.style.left = "300px";
+ else
+ evt.target.style.left = "100px";
+ flag = !flag;
+ }, false);
+ }
+
+ window.addEventListener("load", init, false);
+ </script>
+</head>
+<body>
+ <h1>Transition of 'left' property</h1>
+
+ <p>The element below should move 200 pixels left or right when clicked</p>
+
+ <div id="target">
+ This element should transition.
+ </div>
+
+</body>
+</html>
\ No newline at end of file