diff options
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/html/animation-keyframes.htm')
| -rw-r--r-- | tests/wpt/css-tests/css-animations-1_dev/html/animation-keyframes.htm | 93 |
1 files changed, 0 insertions, 93 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-keyframes.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-keyframes.htm deleted file mode 100644 index d42b31235fd..00000000000 --- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-keyframes.htm +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Tests: CSS Animations : keyframes specified using percentages or from/to keywords on animation time line.</title> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> - <meta http-equiv="Content-Style-Type" content="text/css"> - <meta http-equiv="Content-Script-Type" content="text/javascript"> - <link rel="help" href="http://www.w3.org/TR/css3-animations/#animation-name-property"> - <link rel="help" href="http://www.w3.org/TR/css3-animations/#animation-duration-property"> - <link rel="help" href="http://www.w3.org/TR/css3-animations/#keyframes"> - <link rel="author" title="Nokia Inc." href="http://www.nokia.com/"> - <meta name="flags" content="animated"> - <meta name="assert" content="To verify that keyframes set using percentages or from/to keywords on animation time line are in effect."> - <style type="text/css"> - /* */ - @-webkit-keyframes sample { - from { - background-color: blue; - } - 30% { - background-color: green; - } - 65% { - background-color: red; - } - to { - background-color: blue; - } - } - - @-moz-keyframes sample { - from { - background-color: blue; - } - 30% { - background-color: green; - } - 65% { - background-color: red; - } - to { - background-color: blue; - } - } - - @keyframes sample { - from { - background-color: blue; - } - 30% { - background-color: green; - } - 65% { - background-color: red; - } - to { - background-color: blue; - } - } - .abc { - background-color: blue; - width: 100px; - height: 100px; - padding: 0.2em 1em; - margin: 6em; - - -webkit-animation-name: sample; - -webkit-animation-duration: 10s; - - -moz-animation-name: sample; - -moz-animation-duration: 10s; - - animation-name: sample; - animation-duration: 10s; - } - /* */ - </style> - </head> - <body> - <p id="testdetails"> - <p> - Assertion: To verify that keyframes set using percentages or from/to keywords on animation time line are in effect. - </p> - <ul> - <li>PASS if the color of the box is blue initially on page load and gradually changes in the order: BLUE to GREEN to RED and back to BLUE in 10 seconds</li> - <li>FAIL if the color of the box is NOT changing in the specified order within a span of 10 seconds.</li> - </ul> - </p> - <div class="abc"> - CSS3 Testing Content - </div> - </body> -</html>
\ No newline at end of file |