aboutsummaryrefslogtreecommitdiffstats
path: root/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm
diff options
context:
space:
mode:
Diffstat (limited to 'tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm')
-rw-r--r--tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm79
1 files changed, 0 insertions, 79 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm b/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.htm
deleted file mode 100644
index 417f2e4c94c..00000000000
--- a/tests/wpt/css-tests/css-animations-1_dev/html/animation-timing-function-005.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-timing-function set to ease-out. </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-timing-function-property">
- <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="author" title="Nokia Inc." href="http://www.nokia.com/">
- <meta name="flags" content="animated">
- <meta name="assert" content="To verify that: when animation-timing-function is set to ease-out; animation starts with higher(than the normal) speed and relatively slows down as time progresses.">
- <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-timing-function: ease-out;
-
- -moz-animation-name: sample;
- -moz-animation-duration: 10s;
- -moz-animation-timing-function: ease-out;
-
- animation-name: sample;
- animation-duration: 10s;
- animation-timing-function: ease-out;
- }
- /* */
- </style>
- </head>
- <body>
- <p id="testdetails">
- <p>
- Assertion: To verify that: when animation-timing-function is set to ease-out; animation starts with higher(than the normal) speed and relatively slows down as time progresses.
- </p>
- <ul>
- <li>PASS if blue box with text "CSS3 Testing Content" moves from right to left, animation starts and relatively slows down as time progresses.</li>
- <li>FAIL if box is moved with constant/accelerated speed OR fails to move left (no animation).</li>
- </ul>
- </p>
- <div class="abc">
- CSS3 Testing Content
- </div>
- </body>
-</html> \ No newline at end of file