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>Test of @import rule for importing keyframes
</title>
8 <style type=
"text/css"> @import
"resources/keyframes.css"; </style>
9 <style type=
"text/css" media=
"screen">
16 background-color: blue;
17 -webkit-animation-duration:
1s;
18 -webkit-animation-timing-function: linear;
19 -webkit-animation-name: anim;
22 <script src=
"resources/animation-test-helpers.js" type=
"text/javascript" charset=
"utf-8"></script>
23 <script type=
"text/javascript" charset=
"utf-8">
25 const expectedValues = [
26 // [time, element-id, property, expected-value, tolerance]
27 [
0.3,
"box",
"left",
100,
1],
28 [
0.7,
"box",
"left",
200,
1],
31 runAnimationTest(expectedValues);
36 This test performs an animation of the left property. It should stop for
100ms at
100px and
200px
37 We test for those values
50ms after it has stopped at each position. The keyframes are imported
38 so this tests whether they come in correctly.