3 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8">
4 <title>Test of -webkit-animation-direction
</title>
5 <style type=
"text/css" media=
"screen">
16 background-color: red;
18 transform: translateX(
50px);
26 background-color: green;
32 <!-- This tests the operation of -webkit-animation-direction. After 1 second the red boxes should be hidden by the green boxes. You should see no red boxes. -->
34 <div id=
"safezone"></div>
36 Warning this test is running in real-time and may be flaky.
<br>
37 PASS -
"webkitTransform" property for
"box" element at
0.5s saw something close to:
1,
0,
0,
1,
50,
0<br>
38 PASS -
"webkitTransform" property for
"box" element at
1s saw something close to:
1,
0,
0,
1,
100,
0<br>
39 PASS -
"webkitTransform" property for
"box" element at
2.5s saw something close to:
1,
0,
0,
1,
50,
0