diff options
Diffstat (limited to 'js/panels/presets')
-rw-r--r-- | js/panels/presets/content.reel/content.html | 6 | ||||
-rw-r--r-- | js/panels/presets/default-transition-presets.js | 32 |
2 files changed, 12 insertions, 26 deletions
diff --git a/js/panels/presets/content.reel/content.html b/js/panels/presets/content.reel/content.html index f01e6435..afbdd559 100644 --- a/js/panels/presets/content.reel/content.html +++ b/js/panels/presets/content.reel/content.html | |||
@@ -62,9 +62,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
62 | <body> | 62 | <body> |
63 | <section id="presetsPanel" class="presetsPanel"> | 63 | <section id="presetsPanel" class="presetsPanel"> |
64 | <nav id="tab-bar" class="tab-bar"> | 64 | <nav id="tab-bar" class="tab-bar"> |
65 | <div id="styles">Style Library</div> | 65 | <div id="styles">Styles</div> |
66 | <div id="transitions">Transitions Library</div> | 66 | <div id="transitions">Transitions</div> |
67 | <div id="animations">Animations Library</div> | 67 | <div id="animations">Animations</div> |
68 | </nav> | 68 | </nav> |
69 | <div id="librarySlot" class="librarySlot"></div> | 69 | <div id="librarySlot" class="librarySlot"></div> |
70 | </section> | 70 | </section> |
diff --git a/js/panels/presets/default-transition-presets.js b/js/panels/presets/default-transition-presets.js index 271ad821..48f7c2b7 100644 --- a/js/panels/presets/default-transition-presets.js +++ b/js/panels/presets/default-transition-presets.js | |||
@@ -88,34 +88,20 @@ exports.transitionPresets = { | |||
88 | "-webkit-transform": "rotate(180deg)" | 88 | "-webkit-transform": "rotate(180deg)" |
89 | } | 89 | } |
90 | }] | 90 | }] |
91 | }, | 91 | },{ |
92 | { | 92 | "text": "Remove 3D", |
93 | "text": "Scale Up", | 93 | "selectorBase" : "remove-3d", |
94 | "selectorBase" : "scale-up", | ||
95 | "rules" : [{ | ||
96 | "selectorSuffix" : "", | ||
97 | "styles" : { | ||
98 | "-webkit-transition": "-webkit-transform 0.4s ease-in" | ||
99 | } | ||
100 | }, { | ||
101 | "selectorSuffix" : ":hover", | ||
102 | "styles" : { | ||
103 | "-webkit-transform": "scale(1.4)" | ||
104 | } | ||
105 | }] | ||
106 | }, | ||
107 | { | ||
108 | "text": "Scale Down", | ||
109 | "selectorBase" : "scale-down", | ||
110 | "rules" : [{ | 94 | "rules" : [{ |
111 | "selectorSuffix" : "", | 95 | "selectorSuffix": "", |
112 | "styles" : { | 96 | "styles" : { |
113 | "-webkit-transition": "-webkit-transform 0.4s ease-in" | 97 | "-webkit-transition": "all 0.4s ease-in" |
114 | } | 98 | } |
115 | }, { | 99 | }, |
100 | { | ||
116 | "selectorSuffix" : ":hover", | 101 | "selectorSuffix" : ":hover", |
117 | "styles" : { | 102 | "styles" : { |
118 | "-webkit-transform": "scale(.5)" | 103 | "-webkit-transform": "rotateX(0deg)", |
104 | "opacity": "1" | ||
119 | } | 105 | } |
120 | }] | 106 | }] |
121 | }] | 107 | }] |