1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
/* <copyright>
This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
</copyright> */
exports.animationPresets = {
"text": "Animation Presets Library",
"children": [{
"text": "Border Animations",
"children": [
{
"text": "Border Morph",
"selectorBase" : "border-morph",
"rules" : [{
"selectorSuffix" : "",
"styles" : {
"-webkit-animation": "border-morph 2s infinite"
}
},
{
"isKeyFrameRule": true,
"keys" : [{
"keyText": "0%",
"styles": { "border-radius": "0" }
}, {
"keyText": "50%",
"styles": {
"border-radius": "100%"
}
}, {
"keyText": "100%",
"styles": {
"border-radius": "0%"
}
}]
}]
}]
}, {
"text": "3D Animations",
"children": [
{
"text": "Rotater",
"selectorBase" : "rotate-with-alpha-keyframes",
"rules" : [{
"selectorSuffix" : "",
"styles" : {
"-webkit-animation-name": "rotate-with-alpha-keyframes",
"-webkit-animation-duration": "5s",
"-webkit-animation-iteration-count": "infinite",
"-webkit-animation-direction": "normal",
"-webkit-animation-timing-function": "ease-out",
"-webkit-transform-origin": "200% 50%",
"-webkit-transform-style": "preserve-3d",
"-webkit-transform": "perspective(1000)",
"-webkit-animation-delay": "0s"
}
},{
"isKeyFrameRule": true,
"keys" : [{
"keyText": "0%",
"styles": {
"opacity": "1",
"-webkit-transform": "perspective(1000) rotateY(0deg)"
}
}, {
"keyText": "70%",
"styles": {
"opacity": "1",
"-webkit-transform": "perspective(1000) rotateY(0deg)"
}
}, {
"keyText": "85%",
"styles": {
"opacity": "0",
"-webkit-transform": "perspective(1000) rotateY(95deg)"
}
}, {
"keyText": "86%",
"styles": {
"opacity": "0",
"-webkit-transform": "perspective(1000) rotateY(-90deg)"
}
}, {
"keyText": "100%",
"styles": {
"opacity": "1",
"-webkit-transform": "perspective(1000) rotateY(0deg)"
}
}]
}]
}]
}]
};
|