aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--js/panels/presets/default-transition-presets.js93
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
7exports.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