1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7 <title>Transition of left property</title>
14 background-color: #9bb;
15 -webkit-transition-property: left;
16 -webkit-transition-duration: 1s;
19 <script type="text/javascript" charset="utf-8">
24 document.getElementById("target").addEventListener("click", function(evt) {
26 evt.target.style.left = "300px";
28 evt.target.style.left = "100px";
33 window.addEventListener("load", init, false);
37 <h1>Transition of 'left' property</h1>
39 <p>The element below should move 200 pixels left or right when clicked</p>
42 This element should transition.