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

Side by Side Diff: third_party/WebKit/LayoutTests/animations/composition/offset-rotation-composition.html

Issue 2241993002: CSS Motion Path: New names for properties (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments Created 4 years, 3 months 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <body> 2 <body>
3 <script src="../interpolation/resources/interpolation-test.js"></script> 3 <script src="../interpolation/resources/interpolation-test.js"></script>
4 <script> 4 <script>
5 assertComposition({ 5 assertComposition({
6 property: 'motion-rotation', 6 property: 'offset-rotation',
7 underlying: '20deg', 7 underlying: '20deg',
8 addFrom: '10deg', 8 addFrom: '10deg',
9 addTo: '20deg', 9 addTo: '20deg',
10 }, [ 10 }, [
11 {at: -0.3, is: '27deg'}, 11 {at: -0.3, is: '27deg'},
12 {at: 0, is: '30deg'}, 12 {at: 0, is: '30deg'},
13 {at: 0.3, is: '33deg'}, 13 {at: 0.3, is: '33deg'},
14 {at: 0.6, is: '36deg'}, 14 {at: 0.6, is: '36deg'},
15 {at: 1, is: '40deg'}, 15 {at: 1, is: '40deg'},
16 {at: 1.5, is: '45deg'}, 16 {at: 1.5, is: '45deg'},
17 ]); 17 ]);
18 18
19 assertComposition({ 19 assertComposition({
20 property: 'motion-rotation', 20 property: 'offset-rotation',
21 underlying: 'auto 20deg', 21 underlying: 'auto 20deg',
22 addFrom: '10deg', 22 addFrom: '10deg',
23 addTo: '20deg', 23 addTo: '20deg',
24 }, [ 24 }, [
25 {at: -0.3, is: '7deg'}, 25 {at: -0.3, is: '7deg'},
26 {at: 0, is: '10deg'}, 26 {at: 0, is: '10deg'},
27 {at: 0.3, is: '13deg'}, 27 {at: 0.3, is: '13deg'},
28 {at: 0.6, is: '16deg'}, 28 {at: 0.6, is: '16deg'},
29 {at: 1, is: '20deg'}, 29 {at: 1, is: '20deg'},
30 {at: 1.5, is: '25deg'}, 30 {at: 1.5, is: '25deg'},
31 ]); 31 ]);
32 32
33 assertComposition({ 33 assertComposition({
34 property: 'motion-rotation', 34 property: 'offset-rotation',
35 underlying: 'auto 20deg', 35 underlying: 'auto 20deg',
36 addFrom: 'reverse 10deg', 36 addFrom: 'reverse 10deg',
37 addTo: 'auto 20deg', 37 addTo: 'auto 20deg',
38 }, [ 38 }, [
39 {at: -0.3, is: 'auto 261deg'}, 39 {at: -0.3, is: 'auto 261deg'},
40 {at: 0, is: 'auto 210deg'}, 40 {at: 0, is: 'auto 210deg'},
41 {at: 0.3, is: 'auto 159deg'}, 41 {at: 0.3, is: 'auto 159deg'},
42 {at: 0.6, is: 'auto 108deg'}, 42 {at: 0.6, is: 'auto 108deg'},
43 {at: 1, is: 'auto 40deg'}, 43 {at: 1, is: 'auto 40deg'},
44 {at: 1.5, is: 'auto -45deg'}, 44 {at: 1.5, is: 'auto -45deg'},
45 ]); 45 ]);
46 46
47 assertComposition({ 47 assertComposition({
48 property: 'motion-rotation', 48 property: 'offset-rotation',
49 underlying: '20deg', 49 underlying: '20deg',
50 addFrom: 'reverse 10deg', 50 addFrom: 'reverse 10deg',
51 addTo: '20deg', 51 addTo: '20deg',
52 }, [ 52 }, [
53 {at: -0.3, is: 'auto 190deg'}, 53 {at: -0.3, is: 'auto 190deg'},
54 {at: 0, is: 'auto 190deg'}, 54 {at: 0, is: 'auto 190deg'},
55 {at: 0.3, is: 'auto 190deg'}, 55 {at: 0.3, is: 'auto 190deg'},
56 {at: 0.6, is: '40deg'}, 56 {at: 0.6, is: '40deg'},
57 {at: 1, is: '40deg'}, 57 {at: 1, is: '40deg'},
58 {at: 1.5, is: '40deg'}, 58 {at: 1.5, is: '40deg'},
59 ]); 59 ]);
60 60
61 assertComposition({ 61 assertComposition({
62 property: 'motion-rotation', 62 property: 'offset-rotation',
63 underlying: '20deg', 63 underlying: '20deg',
64 replaceFrom: 'reverse 10deg', 64 replaceFrom: 'reverse 10deg',
65 addTo: '20deg', 65 addTo: '20deg',
66 }, [ 66 }, [
67 {at: -0.3, is: 'auto 190deg'}, 67 {at: -0.3, is: 'auto 190deg'},
68 {at: 0, is: 'auto 190deg'}, 68 {at: 0, is: 'auto 190deg'},
69 {at: 0.3, is: 'auto 190deg'}, 69 {at: 0.3, is: 'auto 190deg'},
70 {at: 0.6, is: '40deg'}, 70 {at: 0.6, is: '40deg'},
71 {at: 1, is: '40deg'}, 71 {at: 1, is: '40deg'},
72 {at: 1.5, is: '40deg'}, 72 {at: 1.5, is: '40deg'},
73 ]); 73 ]);
74 74
75 assertComposition({ 75 assertComposition({
76 property: 'motion-rotation', 76 property: 'offset-rotation',
77 underlying: '20deg', 77 underlying: '20deg',
78 addFrom: '10deg', 78 addFrom: '10deg',
79 replaceTo: '10deg', 79 replaceTo: '10deg',
80 }, [ 80 }, [
81 {at: -0.3, is: '36deg'}, 81 {at: -0.3, is: '36deg'},
82 {at: 0, is: '30deg'}, 82 {at: 0, is: '30deg'},
83 {at: 0.3, is: '24deg'}, 83 {at: 0.3, is: '24deg'},
84 {at: 0.6, is: '18deg'}, 84 {at: 0.6, is: '18deg'},
85 {at: 1, is: '10deg'}, 85 {at: 1, is: '10deg'},
86 {at: 1.5, is: '0deg'}, 86 {at: 1.5, is: '0deg'},
87 ]); 87 ]);
88 </script> 88 </script>
89 </body> 89 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698