OLD | NEW |
(Empty) | |
| 1 var rotateZeroDegreesTests = { |
| 2 style: 'margin: 5px;', |
| 3 tests: { |
| 4 animateRotateNoFromAxis: { |
| 5 keyframes: [ |
| 6 { rotate: '0deg' }, |
| 7 { rotate: '90deg 0 1 0' }, |
| 8 ], |
| 9 style: 'background: magenta;', |
| 10 samples: getLinearSamples(20, 0, 1) |
| 11 }, |
| 12 |
| 13 animateRotateNoToAxis: { |
| 14 keyframes: [ |
| 15 { rotate: '0deg 1 0 0' }, |
| 16 { rotate: '90deg' }, |
| 17 ], |
| 18 style: 'background: yellow;', |
| 19 samples: getLinearSamples(20, 0, 1) |
| 20 }, |
| 21 |
| 22 animateRotateFromZeroUnder360: { |
| 23 keyframes: [ |
| 24 { rotate: '0deg 1 0 0' }, |
| 25 { rotate: '90deg 0 1 0' }, |
| 26 ], |
| 27 style: 'background: cyan;', |
| 28 samples: getLinearSamples(20, 0, 1) |
| 29 }, |
| 30 |
| 31 animateRotateToZeroUnder360: { |
| 32 keyframes: [ |
| 33 { rotate: '90deg 0 1 0' }, |
| 34 { rotate: '0deg 1 0 0' }, |
| 35 ], |
| 36 style: 'background: indigo;', |
| 37 samples: getLinearSamples(20, 0, 1) |
| 38 }, |
| 39 |
| 40 animateRotateFromZero: { |
| 41 keyframes: [ |
| 42 { rotate: '0deg 1 0 0' }, |
| 43 { rotate: '450deg 0 1 0' }, |
| 44 ], |
| 45 style: 'background: green;', |
| 46 samples: getLinearSamples(20, 0, 1) |
| 47 }, |
| 48 |
| 49 animateRotateToZero: { |
| 50 keyframes: [ |
| 51 { rotate: '450deg 0 1 0' }, |
| 52 { rotate: '0deg 1 0 0' }, |
| 53 ], |
| 54 style: 'background: red;', |
| 55 samples: getLinearSamples(20, 0, 1) |
| 56 }, |
| 57 |
| 58 animateRotateFromAndToZero: { |
| 59 keyframes: [ |
| 60 { rotate: '0deg 0 1 0' }, |
| 61 { rotate: '0deg 1 0 0' }, |
| 62 ], |
| 63 style: 'background: blue;', |
| 64 samples: getLinearSamples(20, 0, 1) |
| 65 }, |
| 66 } |
| 67 }; |
| 68 |
OLD | NEW |