| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <meta charset="utf-8"> |
| 3 | <title>CSS Animations Test: animation-delay - inherit keyword</title> |
| 4 | <link rel="author" title="Intel" href="http://www.intel.com"> |
| Zhiqiang Zhang | bd78ac7 | 2015-05-07 08:35:40 | [diff] [blame] | 5 | <link rel="reviewer" title="Zhiqiang Zhang" href="mailto:zhiqiang.zhang@intel.com"> <!-- 2015-05-07 --> |
| Peter Linss | a6e041e | 2015-08-20 02:38:01 | [diff] [blame] | 6 | <link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-delay"> |
| 7 | <link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-name"> |
| 8 | <link rel="help" href="https://drafts.csswg.org/css-animations-1/#animation-duration"> |
| 9 | <link rel="help" href="https://drafts.csswg.org/css-animations-1/#values"> |
| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 10 | <meta name="flags" content="animated"> |
| Zhiqiang Zhang | bd78ac7 | 2015-05-07 08:35:40 | [diff] [blame] | 11 | <meta name="assert" content="Check that animation-delay property accepts 'inherit' keyword."> |
| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 12 | <style> |
| Zhiqiang Zhang | bd78ac7 | 2015-05-07 08:35:40 | [diff] [blame] | 13 | #container { |
| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 14 | animation-delay: 5s; |
| 15 | } |
| 16 | |
| Zhiqiang Zhang | bd78ac7 | 2015-05-07 08:35:40 | [diff] [blame] | 17 | #test { |
| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 18 | animation-name: sample; |
| 19 | animation-duration: 5s; |
| 20 | animation-delay: inherit; |
| 21 | |
| 22 | background-color: blue; |
| 23 | height: 100px; |
| 24 | width: 100px; |
| 25 | position: relative; |
| 26 | } |
| 27 | |
| 28 | @keyframes sample { |
| 29 | from { |
| 30 | left: 150px; |
| 31 | } |
| 32 | to { |
| 33 | left: 0px; |
| 34 | } |
| 35 | } |
| 36 | </style> |
| 37 | <body> |
| 38 | <p> |
| 39 | Test passes if there is a filled blue square with 'Filler Text', |
| Zhiqiang Zhang | bd78ac7 | 2015-05-07 08:35:40 | [diff] [blame] | 40 | which starts staying left for about 5 seconds, and then moves |
| 41 | from right to left and lasts for a span of 5 seconds. |
| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 42 | </p> |
| Zhiqiang Zhang | bd78ac7 | 2015-05-07 08:35:40 | [diff] [blame] | 43 | <div id="container"> |
| 44 | <div id="test">Filler Text</div> |
| chunywang | b489d63 | 2015-04-03 08:22:23 | [diff] [blame] | 45 | </div> |
| 46 | </body> |
| 47 | |
