| OLD | NEW |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| 2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
| 3 | 3 |
| 4 <html lang="en"> | 4 <html lang="en"> |
| 5 <head> | 5 <head> |
| 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 7 <title>Test timing functions</title> | 7 <title>Test timing functions</title> |
| 8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
| 9 .box { | 9 .box { |
| 10 position: relative; | 10 position: relative; |
| (...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 63 animation-timing-function: steps(3, start); | 63 animation-timing-function: steps(3, start); |
| 64 } | 64 } |
| 65 #box8 { | 65 #box8 { |
| 66 animation-timing-function: steps(3, end); | 66 animation-timing-function: steps(3, end); |
| 67 } | 67 } |
| 68 #box9 { | 68 #box9 { |
| 69 animation-timing-function: frames(3); | 69 animation-timing-function: frames(3); |
| 70 } | 70 } |
| 71 /* | 71 /* |
| 72 * The step-middle functions are invalid except through the Web Animations A
PI | 72 * The step-middle functions are invalid except through the Web Animations A
PI |
| 73 * and should behave like 'ease', unless step-middle has been added to the C
SS specification. | 73 * (where they are deprecated) and should behave like 'ease'. |
| 74 */ | 74 */ |
| 75 #middlebox1 { | 75 #middlebox1 { |
| 76 animation-timing-function: steps(3, middle); | 76 animation-timing-function: steps(3, middle); |
| 77 } | 77 } |
| 78 #middlebox2 { | 78 #middlebox2 { |
| 79 animation-timing-function: step-middle; | 79 animation-timing-function: step-middle; |
| 80 } | 80 } |
| 81 | 81 |
| 82 </style> | 82 </style> |
| 83 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> | 83 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 146 <div class="box" id="box9"> | 146 <div class="box" id="box9"> |
| 147 </div> | 147 </div> |
| 148 <div class="box-step-middle" id="middlebox1"> | 148 <div class="box-step-middle" id="middlebox1"> |
| 149 </div> | 149 </div> |
| 150 <div class="box-step-middle" id="middlebox2"> | 150 <div class="box-step-middle" id="middlebox2"> |
| 151 </div> | 151 </div> |
| 152 <div id="result"> | 152 <div id="result"> |
| 153 </div> | 153 </div> |
| 154 </body> | 154 </body> |
| 155 </html> | 155 </html> |
| OLD | NEW |