diff options
Diffstat (limited to 'js/panels/presets/default-transition-presets.js')
-rw-r--r-- | js/panels/presets/default-transition-presets.js | 93 |
1 files changed, 93 insertions, 0 deletions
diff --git a/js/panels/presets/default-transition-presets.js b/js/panels/presets/default-transition-presets.js new file mode 100644 index 00000000..00873231 --- /dev/null +++ b/js/panels/presets/default-transition-presets.js | |||
@@ -0,0 +1,93 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | exports.transitionPresets = { | ||
8 | "text": "Transition Presets Library", | ||
9 | "children": [{ | ||
10 | "text": "Opacity Transitions", | ||
11 | "children": [ | ||
12 | { | ||
13 | "text": "Fade In", | ||
14 | "selectorBase" : "fade-in", | ||
15 | "rules" : [{ | ||
16 | "selectorSuffix": "", | ||
17 | "styles" : { | ||
18 | "opacity": "0.25", | ||
19 | "-webkit-transition": "all 0.4s ease-in" | ||
20 | } | ||
21 | }, { | ||
22 | "selectorSuffix" : ":hover", | ||
23 | "styles" : { | ||
24 | "opacity": "1" | ||
25 | } | ||
26 | }] | ||
27 | }, | ||
28 | { | ||
29 | "text": "Fade Out", | ||
30 | "selectorBase" : "fade-out", | ||
31 | "rules" : [{ | ||
32 | "selectorSuffix": "", | ||
33 | "styles" : { | ||
34 | "opacity": "1", | ||
35 | "-webkit-transition": "all 0.4s ease-in" | ||
36 | } | ||
37 | }, { | ||
38 | "selectorSuffix" : ":hover", | ||
39 | "styles" : { | ||
40 | "opacity": "0" | ||
41 | } | ||
42 | }] | ||
43 | }] | ||
44 | }, { | ||
45 | "text": "Transform Transitions", | ||
46 | "children": [ | ||
47 | { | ||
48 | "text": "Slide Right", | ||
49 | "selectorBase" : "slide-right", | ||
50 | "rules" : [{ | ||
51 | "selectorSuffix": "", | ||
52 | "styles" : { | ||
53 | "-webkit-transition": "all 0.4s ease-in" | ||
54 | } | ||
55 | }, { | ||
56 | "selectorSuffix": ":hover", | ||
57 | "styles" : { | ||
58 | "-webkit-transform": "translateX(300px)" | ||
59 | } | ||
60 | }] | ||
61 | }, | ||
62 | { | ||
63 | "text": "Slide Left", | ||
64 | "selectorBase" : "slide-left", | ||
65 | "rules" : [{ | ||
66 | "selectorSuffix": "", | ||
67 | "styles" : { | ||
68 | "-webkit-transition": "all 0.4s ease-in" | ||
69 | } | ||
70 | }, { | ||
71 | "selectorSuffix" : ":hover", | ||
72 | "styles" : { | ||
73 | "-webkit-transform": "translateX(-300px)" | ||
74 | } | ||
75 | }] | ||
76 | }, | ||
77 | { | ||
78 | "text": "Rotate", | ||
79 | "selectorBase" : "rotate", | ||
80 | "rules" : [{ | ||
81 | "selectorSuffix" : "", | ||
82 | "styles" : { | ||
83 | "-webkit-transition": "all 0.4s ease-in" | ||
84 | } | ||
85 | }, { | ||
86 | "selectorSuffix" : ":hover", | ||
87 | "styles" : { | ||
88 | "-webkit-transform": "rotate(180deg)" | ||
89 | } | ||
90 | }] | ||
91 | }] | ||
92 | }] | ||
93 | }; \ No newline at end of file | ||