aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-002.htm
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-002.htm')
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-002.htm79
1 files changed, 0 insertions, 79 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-002.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-002.htm
deleted file mode 100644
index 69dd86e0b62..00000000000
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-iteration-count-002.htm
+++ /dev/null
@@ -1,79 +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. animation-iteration-count set to infinite.</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/#animation-iteration-count-property">
- <link rel="author" title="Nokia Inc." href="http://www.nokia.com/">
- <meta name="flags" content="animated">
- <meta name="assert" content="animation-iteration-count set to infinite causes the animation to repeat forever.">
- <style type="text/css">
- /* */
- @-webkit-keyframes sample {
- from {
- left: 150px;
- }
- to {
- left: 0px;
- }
- }
-
- @-moz-keyframes sample {
- from {
- left: 150px;
- }
- to {
- left: 0px;
- }
- }
-
- @keyframes sample {
- from {
- left: 150px;
- }
- to {
- left: 0px;
- }
- }
- .abc {
- background-color: blue;
- width: 100px;
- height: 100px;
- padding: 0.2em 1em;
- margin: 6em;
- position: relative;
-
- -webkit-animation-name: sample;
- -webkit-animation-duration: 10s;
- -webkit-animation-iteration-count: infinite;
-
- -moz-animation-name: sample;
- -moz-animation-duration: 10s;
- -moz-animation-iteration-count: infinite;
-
- animation-name: sample;
- animation-duration: 10s;
- animation-iteration-count: infinite;
- }
- /* */
- </style>
- </head>
- <body>
- <p id="testdetails">
- <p>
- Assertion: animation-iteration-count set to infinite causes the animation to repeat forever.
- </p>
- <ul>
- <li>PASS if a blue colored Box with text "CSS3 Testing Content" appears below and repeatedly moves from right to left. Every time a cycle is finished, the box gets re-positioned to right and continues to move left.</li>
- <li>FAIL if the box fails to repeat animation cycles infinitely from right to left</li>
- </ul>
- </p>
- <div class="abc">
- CSS3 Testing Content
- </div>
- </body>
-</html> \ No newline at end of file