4 -webkit-animation-fill-mode: forwards;
5 -webkit-animation-duration:
1s;
6 -webkit-animation-name: green;
9 -webkit-animation-fill-mode: forwards;
10 -webkit-animation-duration:
1s;
13 -webkit-animation-fill-mode: forwards;
14 -webkit-animation-duration:
1s;
15 -webkit-animation-name: notredorgreen;
17 @-webkit-keyframes green {
19 background-color: white;
22 background-color: green;
25 @-webkit-keyframes red {
27 background-color: white;
30 background-color: red;
34 Tests that an animation does not run when it specifies an incorrect name.
35 <div id=
"result">FAIL - nothing happened
</div>
36 <div id=
"test1"></div>
37 <div id=
"test2"></div>
38 <div id=
"test3"></div>
40 if (window
.testRunner
) {
41 testRunner
.dumpAsText();
42 testRunner
.waitUntilDone();
45 test1
.addEventListener('webkitAnimationStart', function() {
46 test2
.style
.webkitAnimationName
= 'green';
48 test2
.addEventListener('webkitAnimationStart', function() {
49 result
.innerText
= pass
? 'PASS' : 'FAIL';
50 if (window
.testRunner
)
51 testRunner
.notifyDone();
53 test3
.addEventListener('webkitAnimationStart', function() {