Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(39)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/resources/composited-animations-data/rotate-zero-degrees.js

Issue 2531753002: CSS Independent Transform Properties: support rotate: <axes> <angle> (Closed)
Patch Set: tests Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/interpolation/rotate-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/rotate-transform-equivalent.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 var rotateZeroDegreesTests = { 1 var rotateZeroDegreesTests = {
2 style: 'margin: 5px;', 2 style: 'margin: 5px;',
3 tests: { 3 tests: {
4 animateRotateNoFromAxis: { 4 animateRotateNoFromAxis: {
5 keyframes: [ 5 keyframes: [
6 { rotate: '0deg' }, 6 { rotate: '0deg' },
7 { rotate: '90deg 0 1 0' }, 7 { rotate: '0 1 0 90deg' },
8 ], 8 ],
9 style: 'background: magenta;', 9 style: 'background: magenta;',
10 samples: getLinearSamples(20, 0, 1) 10 samples: getLinearSamples(20, 0, 1)
11 }, 11 },
12 12
13 animateRotateNoToAxis: { 13 animateRotateNoToAxis: {
14 keyframes: [ 14 keyframes: [
15 { rotate: '0deg 1 0 0' }, 15 { rotate: '1 0 0 0deg' },
16 { rotate: '90deg' }, 16 { rotate: '90deg' },
17 ], 17 ],
18 style: 'background: yellow;', 18 style: 'background: yellow;',
19 samples: getLinearSamples(20, 0, 1) 19 samples: getLinearSamples(20, 0, 1)
20 }, 20 },
21 21
22 animateRotateFromZeroUnder360: { 22 animateRotateFromZeroUnder360: {
23 keyframes: [ 23 keyframes: [
24 { rotate: '0deg 1 0 0' }, 24 { rotate: '1 0 0 0deg' },
25 { rotate: '90deg 0 1 0' }, 25 { rotate: '0 1 0 90deg' },
26 ], 26 ],
27 style: 'background: cyan;', 27 style: 'background: cyan;',
28 samples: getLinearSamples(20, 0, 1) 28 samples: getLinearSamples(20, 0, 1)
29 }, 29 },
30 30
31 animateRotateToZeroUnder360: { 31 animateRotateToZeroUnder360: {
32 keyframes: [ 32 keyframes: [
33 { rotate: '90deg 0 1 0' }, 33 { rotate: '0 1 0 90deg' },
34 { rotate: '0deg 1 0 0' }, 34 { rotate: '1 0 0 0deg' },
35 ], 35 ],
36 style: 'background: indigo;', 36 style: 'background: indigo;',
37 samples: getLinearSamples(20, 0, 1) 37 samples: getLinearSamples(20, 0, 1)
38 }, 38 },
39 39
40 animateRotateFromZero: { 40 animateRotateFromZero: {
41 keyframes: [ 41 keyframes: [
42 { rotate: '0deg 1 0 0' }, 42 { rotate: '1 0 0 0deg' },
43 { rotate: '450deg 0 1 0' }, 43 { rotate: '0 1 0 450deg' },
44 ], 44 ],
45 style: 'background: green;', 45 style: 'background: green;',
46 samples: getLinearSamples(20, 0, 1) 46 samples: getLinearSamples(20, 0, 1)
47 }, 47 },
48 48
49 animateRotateToZero: { 49 animateRotateToZero: {
50 keyframes: [ 50 keyframes: [
51 { rotate: '450deg 0 1 0' }, 51 { rotate: '0 1 0 450deg' },
52 { rotate: '0deg 1 0 0' }, 52 { rotate: '1 0 0 0deg' },
53 ], 53 ],
54 style: 'background: red;', 54 style: 'background: red;',
55 samples: getLinearSamples(20, 0, 1) 55 samples: getLinearSamples(20, 0, 1)
56 }, 56 },
57 57
58 animateRotateFromAndToZero: { 58 animateRotateFromAndToZero: {
59 keyframes: [ 59 keyframes: [
60 { rotate: '0deg 0 1 0' }, 60 { rotate: '0 1 0 0deg' },
61 { rotate: '0deg 1 0 0' }, 61 { rotate: '1 0 0 0deg' },
62 ], 62 ],
63 style: 'background: blue;', 63 style: 'background: blue;',
64 samples: getLinearSamples(20, 0, 1) 64 samples: getLinearSamples(20, 0, 1)
65 }, 65 },
66 } 66 }
67 }; 67 };
68 68
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/interpolation/rotate-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/rotate-transform-equivalent.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698