From 370ab8af406d70dc56e7a21ea7f7253f03e607e0 Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Wed, 15 Feb 2012 21:42:35 -0800 Subject: Presets - Add external json file with transition data --- js/panels/presets/default-transition-presets.js | 93 +++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 js/panels/presets/default-transition-presets.js (limited to 'js/panels/presets') 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 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + +exports.transitionPresets = { + "text": "Transition Presets Library", + "children": [{ + "text": "Opacity Transitions", + "children": [ + { + "text": "Fade In", + "selectorBase" : "fade-in", + "rules" : [{ + "selectorSuffix": "", + "styles" : { + "opacity": "0.25", + "-webkit-transition": "all 0.4s ease-in" + } + }, { + "selectorSuffix" : ":hover", + "styles" : { + "opacity": "1" + } + }] + }, + { + "text": "Fade Out", + "selectorBase" : "fade-out", + "rules" : [{ + "selectorSuffix": "", + "styles" : { + "opacity": "1", + "-webkit-transition": "all 0.4s ease-in" + } + }, { + "selectorSuffix" : ":hover", + "styles" : { + "opacity": "0" + } + }] + }] + }, { + "text": "Transform Transitions", + "children": [ + { + "text": "Slide Right", + "selectorBase" : "slide-right", + "rules" : [{ + "selectorSuffix": "", + "styles" : { + "-webkit-transition": "all 0.4s ease-in" + } + }, { + "selectorSuffix": ":hover", + "styles" : { + "-webkit-transform": "translateX(300px)" + } + }] + }, + { + "text": "Slide Left", + "selectorBase" : "slide-left", + "rules" : [{ + "selectorSuffix": "", + "styles" : { + "-webkit-transition": "all 0.4s ease-in" + } + }, { + "selectorSuffix" : ":hover", + "styles" : { + "-webkit-transform": "translateX(-300px)" + } + }] + }, + { + "text": "Rotate", + "selectorBase" : "rotate", + "rules" : [{ + "selectorSuffix" : "", + "styles" : { + "-webkit-transition": "all 0.4s ease-in" + } + }, { + "selectorSuffix" : ":hover", + "styles" : { + "-webkit-transform": "rotate(180deg)" + } + }] + }] + }] +}; \ No newline at end of file -- cgit v1.2.3