-<!DOCTYPE html>
-<meta charset="utf-8">
-<title>CSS Animations Test: animation-fill-mode - none</title>
-<link rel="author" title="Intel" href="http://www.intel.com">
-<link rel="reviewer" title="Zhiqiang Zhang" href="mailto:zhiqiang.zhang@intel.com"> <!-- 2015-05-07 -->
-<link rel="help" href="http://dev.w3.org/csswg/css-animations-1/#animation-name">
-<link rel="help" href="http://dev.w3.org/csswg/css-animations-1/#animation-duration">
-<link rel="help" href="http://dev.w3.org/csswg/css-animations-1/#animation-fill-mode">
-<meta name="flags" content="animated">
-<meta name="assert" content="When animation-fill-mode is set to none,
- animation has no effect when it is applied but not executing.">
-<style>
- div {
- animation-name: sample;
- animation-duration: 5s;
- animation-fill-mode: none;
-
- background-color: blue;
- height: 100px;
- width: 100px;
- position: relative;
- }
- @keyframes sample {
- from {
- background-color: yellow;
- }
- to {
- background-color: green;
- }
- }
-</style>
-<body>
- <p>
- Test passes if there is a filled color square with 'Filler Text',
- whose color gradually changes in the order:
- YELLOW to GREEN to BLUE.
- </p>
- <div>Filler Text</div>
-</body>
-
+<!DOCTYPE html>\r
+<meta charset="utf-8">\r
+<title>CSS Animations Test: animation-fill-mode - none</title>\r
+<link rel="author" title="Intel" href="http://www.intel.com">\r
+<link rel="reviewer" title="Zhiqiang Zhang" href="mailto:zhiqiang.zhang@intel.com"> <!-- 2015-05-07 -->\r
+<link rel="help" href="http://dev.w3.org/csswg/css-animations-1/#animation-name">\r
+<link rel="help" href="http://dev.w3.org/csswg/css-animations-1/#animation-duration">\r
+<link rel="help" href="http://dev.w3.org/csswg/css-animations-1/#animation-fill-mode">\r
+<meta name="flags" content="animated">\r
+<meta name="assert" content="When animation-fill-mode is set to none,\r
+ animation has no effect when it is applied but not executing.">\r
+<style>\r
+ div {\r
+ animation-name: sample;\r
+ animation-duration: 5s;\r
+ animation-fill-mode: none;\r
+\r
+ background-color: blue;\r
+ height: 100px;\r
+ width: 100px;\r
+ position: relative;\r
+ }\r
+ @keyframes sample {\r
+ from {\r
+ background-color: yellow;\r
+ }\r
+ to {\r
+ background-color: green;\r
+ }\r
+ }\r
+</style>\r
+<body>\r
+ <p>\r
+ Test passes if there is a filled color square with 'Filler Text',\r
+ whose color gradually changes from YELLOW to GREEN,\r
+ abruptly changes from GREEN to BLUE.\r
+ </p>\r
+ <div>Filler Text</div>\r
+</body>\r
+\r