diff options
| -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 | }] |