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 Delay</title>
13 border: 1px solid black;
21 background-color: #66F;
25 #container.slide > .box {
26 -webkit-transform: translateX(380px);
27 -webkit-transition-property: -webkit-transform;
28 -webkit-transition-duration: 2s;
32 -webkit-transition-delay: 200ms;
36 -webkit-transition-delay: 2s;
40 -webkit-transition-delay: 4s;
46 <p>Click to animate</p>
47 <div id="container" onclick="this.className = 'slide'">
48 <div class="box" id="box1">
51 <div class="box" id="box2">
54 <div class="box" id="box3">