diff options
Diffstat (limited to 'Source/WebCore/manual-tests/transition-left.html')
| -rw-r--r-- | Source/WebCore/manual-tests/transition-left.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/transition-left.html b/Source/WebCore/manual-tests/transition-left.html new file mode 100644 index 0000000..492e306 --- /dev/null +++ b/Source/WebCore/manual-tests/transition-left.html @@ -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 |