aboutsummaryrefslogtreecommitdiff
path: root/js/panels/presets/default-animation-presets.js
diff options
context:
space:
mode:
authorEric Guzman2012-03-19 11:52:35 -0700
committerEric Guzman2012-03-19 11:52:35 -0700
commitdde5b5054f93db493e5d4d502e677f5781334b08 (patch)
tree4960525a5b183f0e966462c566817331bea0f3cd /js/panels/presets/default-animation-presets.js
parentf08e3660384ed6ed2ba8ecf959c90fd1ade818eb (diff)
parent954f5a13e371febcb1c0fb8015c577ee51c23130 (diff)
downloadninja-dde5b5054f93db493e5d4d502e677f5781334b08.tar.gz
Merge branch 'refs/heads/master' into CSSPanelUpdates
Diffstat (limited to 'js/panels/presets/default-animation-presets.js')
-rw-r--r--js/panels/presets/default-animation-presets.js94
1 files changed, 94 insertions, 0 deletions
diff --git a/js/panels/presets/default-animation-presets.js b/js/panels/presets/default-animation-presets.js
new file mode 100644
index 00000000..10a3e906
--- /dev/null
+++ b/js/panels/presets/default-animation-presets.js
@@ -0,0 +1,94 @@
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.animationPresets = {
8 "text": "Animation Presets Library",
9 "children": [{
10 "text": "Border Animations",
11 "children": [
12 {
13 "text": "Border Morph",
14 "selectorBase" : "border-morph",
15 "rules" : [{
16 "selectorSuffix" : "",
17 "styles" : {
18 "-webkit-animation": "border-morph 2s infinite"
19 }
20 },
21 {
22 "isKeyFrameRule": true,
23 "keys" : [{
24 "keyText": "0%",
25 "styles": { "border-radius": "0" }
26 }, {
27 "keyText": "50%",
28 "styles": {
29 "border-radius": "100%"
30 }
31 }, {
32 "keyText": "100%",
33 "styles": {
34 "border-radius": "0%"
35 }
36 }]
37 }]
38 }]
39 }, {
40 "text": "3D Animations",
41 "children": [
42 {
43 "text": "Rotater",
44 "selectorBase" : "rotate-with-alpha-keyframes",
45 "rules" : [{
46 "selectorSuffix" : "",
47 "styles" : {
48 "-webkit-animation-name": "rotate-with-alpha-keyframes",
49 "-webkit-animation-duration": "5s",
50 "-webkit-animation-iteration-count": "infinite",
51 "-webkit-animation-direction": "normal",
52 "-webkit-animation-timing-function": "ease-out",
53 "-webkit-transform-origin": "200% 50%",
54 "-webkit-transform-style": "preserve-3d",
55 "-webkit-transform": "perspective(1000)",
56 "-webkit-animation-delay": "0s"
57 }
58 },{
59 "isKeyFrameRule": true,
60 "keys" : [{
61 "keyText": "0%",
62 "styles": {
63 "opacity": "1",
64 "-webkit-transform": "perspective(1000) rotateY(0deg)"
65 }
66 }, {
67 "keyText": "70%",
68 "styles": {
69 "opacity": "1",
70 "-webkit-transform": "perspective(1000) rotateY(0deg)"
71 }
72 }, {
73 "keyText": "85%",
74 "styles": {
75 "opacity": "0",
76 "-webkit-transform": "perspective(1000) rotateY(95deg)"
77 }
78 }, {
79 "keyText": "86%",
80 "styles": {
81 "opacity": "0",
82 "-webkit-transform": "perspective(1000) rotateY(-90deg)"
83 }
84 }, {
85 "keyText": "100%",
86 "styles": {
87 "opacity": "1",
88 "-webkit-transform": "perspective(1000) rotateY(0deg)"
89 }
90 }]
91 }]
92 }]
93 }]
94}; \ No newline at end of file