1 | import {
|
2 | __export
|
3 | } from "./chunk.K2NRSETB.js";
|
4 |
|
5 |
|
6 | var dist_exports = {};
|
7 | __export(dist_exports, {
|
8 | backInDown: () => backInDown,
|
9 | backInLeft: () => backInLeft,
|
10 | backInRight: () => backInRight,
|
11 | backInUp: () => backInUp,
|
12 | backOutDown: () => backOutDown,
|
13 | backOutLeft: () => backOutLeft,
|
14 | backOutRight: () => backOutRight,
|
15 | backOutUp: () => backOutUp,
|
16 | bounce: () => bounce,
|
17 | bounceIn: () => bounceIn,
|
18 | bounceInDown: () => bounceInDown,
|
19 | bounceInLeft: () => bounceInLeft,
|
20 | bounceInRight: () => bounceInRight,
|
21 | bounceInUp: () => bounceInUp,
|
22 | bounceOut: () => bounceOut,
|
23 | bounceOutDown: () => bounceOutDown,
|
24 | bounceOutLeft: () => bounceOutLeft,
|
25 | bounceOutRight: () => bounceOutRight,
|
26 | bounceOutUp: () => bounceOutUp,
|
27 | easings: () => easings,
|
28 | fadeIn: () => fadeIn,
|
29 | fadeInBottomLeft: () => fadeInBottomLeft,
|
30 | fadeInBottomRight: () => fadeInBottomRight,
|
31 | fadeInDown: () => fadeInDown,
|
32 | fadeInDownBig: () => fadeInDownBig,
|
33 | fadeInLeft: () => fadeInLeft,
|
34 | fadeInLeftBig: () => fadeInLeftBig,
|
35 | fadeInRight: () => fadeInRight,
|
36 | fadeInRightBig: () => fadeInRightBig,
|
37 | fadeInTopLeft: () => fadeInTopLeft,
|
38 | fadeInTopRight: () => fadeInTopRight,
|
39 | fadeInUp: () => fadeInUp,
|
40 | fadeInUpBig: () => fadeInUpBig,
|
41 | fadeOut: () => fadeOut,
|
42 | fadeOutBottomLeft: () => fadeOutBottomLeft,
|
43 | fadeOutBottomRight: () => fadeOutBottomRight,
|
44 | fadeOutDown: () => fadeOutDown,
|
45 | fadeOutDownBig: () => fadeOutDownBig,
|
46 | fadeOutLeft: () => fadeOutLeft,
|
47 | fadeOutLeftBig: () => fadeOutLeftBig,
|
48 | fadeOutRight: () => fadeOutRight,
|
49 | fadeOutRightBig: () => fadeOutRightBig,
|
50 | fadeOutTopLeft: () => fadeOutTopLeft,
|
51 | fadeOutTopRight: () => fadeOutTopRight,
|
52 | fadeOutUp: () => fadeOutUp,
|
53 | fadeOutUpBig: () => fadeOutUpBig,
|
54 | flash: () => flash,
|
55 | flip: () => flip,
|
56 | flipInX: () => flipInX,
|
57 | flipInY: () => flipInY,
|
58 | flipOutX: () => flipOutX,
|
59 | flipOutY: () => flipOutY,
|
60 | headShake: () => headShake,
|
61 | heartBeat: () => heartBeat,
|
62 | hinge: () => hinge,
|
63 | jackInTheBox: () => jackInTheBox,
|
64 | jello: () => jello,
|
65 | lightSpeedInLeft: () => lightSpeedInLeft,
|
66 | lightSpeedInRight: () => lightSpeedInRight,
|
67 | lightSpeedOutLeft: () => lightSpeedOutLeft,
|
68 | lightSpeedOutRight: () => lightSpeedOutRight,
|
69 | pulse: () => pulse,
|
70 | rollIn: () => rollIn,
|
71 | rollOut: () => rollOut,
|
72 | rotateIn: () => rotateIn,
|
73 | rotateInDownLeft: () => rotateInDownLeft,
|
74 | rotateInDownRight: () => rotateInDownRight,
|
75 | rotateInUpLeft: () => rotateInUpLeft,
|
76 | rotateInUpRight: () => rotateInUpRight,
|
77 | rotateOut: () => rotateOut,
|
78 | rotateOutDownLeft: () => rotateOutDownLeft,
|
79 | rotateOutDownRight: () => rotateOutDownRight,
|
80 | rotateOutUpLeft: () => rotateOutUpLeft,
|
81 | rotateOutUpRight: () => rotateOutUpRight,
|
82 | rubberBand: () => rubberBand,
|
83 | shake: () => shake,
|
84 | shakeX: () => shakeX,
|
85 | shakeY: () => shakeY,
|
86 | slideInDown: () => slideInDown,
|
87 | slideInLeft: () => slideInLeft,
|
88 | slideInRight: () => slideInRight,
|
89 | slideInUp: () => slideInUp,
|
90 | slideOutDown: () => slideOutDown,
|
91 | slideOutLeft: () => slideOutLeft,
|
92 | slideOutRight: () => slideOutRight,
|
93 | slideOutUp: () => slideOutUp,
|
94 | swing: () => swing,
|
95 | tada: () => tada,
|
96 | wobble: () => wobble,
|
97 | zoomIn: () => zoomIn,
|
98 | zoomInDown: () => zoomInDown,
|
99 | zoomInLeft: () => zoomInLeft,
|
100 | zoomInRight: () => zoomInRight,
|
101 | zoomInUp: () => zoomInUp,
|
102 | zoomOut: () => zoomOut,
|
103 | zoomOutDown: () => zoomOutDown,
|
104 | zoomOutLeft: () => zoomOutLeft,
|
105 | zoomOutRight: () => zoomOutRight,
|
106 | zoomOutUp: () => zoomOutUp
|
107 | });
|
108 |
|
109 |
|
110 | var bounce = [
|
111 | { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
|
112 | { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
|
113 | { offset: 0.4, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -30px, 0) scaleY(1.1)" },
|
114 | { offset: 0.43, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -30px, 0) scaleY(1.1)" },
|
115 | { offset: 0.53, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" },
|
116 | { offset: 0.7, easing: "cubic-bezier(0.755, 0.05, 0.855, 0.06)", transform: "translate3d(0, -15px, 0) scaleY(1.05)" },
|
117 | {
|
118 | offset: 0.8,
|
119 | "transition-timing-function": "cubic-bezier(0.215, 0.61, 0.355, 1)",
|
120 | transform: "translate3d(0, 0, 0) scaleY(0.95)"
|
121 | },
|
122 | { offset: 0.9, transform: "translate3d(0, -4px, 0) scaleY(1.02)" },
|
123 | { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)", transform: "translate3d(0, 0, 0)" }
|
124 | ];
|
125 |
|
126 |
|
127 | var flash = [
|
128 | { offset: 0, opacity: "1" },
|
129 | { offset: 0.25, opacity: "0" },
|
130 | { offset: 0.5, opacity: "1" },
|
131 | { offset: 0.75, opacity: "0" },
|
132 | { offset: 1, opacity: "1" }
|
133 | ];
|
134 |
|
135 |
|
136 | var headShake = [
|
137 | { offset: 0, transform: "translateX(0)" },
|
138 | { offset: 0.065, transform: "translateX(-6px) rotateY(-9deg)" },
|
139 | { offset: 0.185, transform: "translateX(5px) rotateY(7deg)" },
|
140 | { offset: 0.315, transform: "translateX(-3px) rotateY(-5deg)" },
|
141 | { offset: 0.435, transform: "translateX(2px) rotateY(3deg)" },
|
142 | { offset: 0.5, transform: "translateX(0)" }
|
143 | ];
|
144 |
|
145 |
|
146 | var heartBeat = [
|
147 | { offset: 0, transform: "scale(1)" },
|
148 | { offset: 0.14, transform: "scale(1.3)" },
|
149 | { offset: 0.28, transform: "scale(1)" },
|
150 | { offset: 0.42, transform: "scale(1.3)" },
|
151 | { offset: 0.7, transform: "scale(1)" }
|
152 | ];
|
153 |
|
154 |
|
155 | var jello = [
|
156 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
157 | { offset: 0.111, transform: "translate3d(0, 0, 0)" },
|
158 | { offset: 0.222, transform: "skewX(-12.5deg) skewY(-12.5deg)" },
|
159 | { offset: 0.33299999999999996, transform: "skewX(6.25deg) skewY(6.25deg)" },
|
160 | { offset: 0.444, transform: "skewX(-3.125deg) skewY(-3.125deg)" },
|
161 | { offset: 0.555, transform: "skewX(1.5625deg) skewY(1.5625deg)" },
|
162 | { offset: 0.6659999999999999, transform: "skewX(-0.78125deg) skewY(-0.78125deg)" },
|
163 | { offset: 0.777, transform: "skewX(0.390625deg) skewY(0.390625deg)" },
|
164 | { offset: 0.888, transform: "skewX(-0.1953125deg) skewY(-0.1953125deg)" },
|
165 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
166 | ];
|
167 |
|
168 |
|
169 | var pulse = [
|
170 | { offset: 0, transform: "scale3d(1, 1, 1)" },
|
171 | { offset: 0.5, transform: "scale3d(1.05, 1.05, 1.05)" },
|
172 | { offset: 1, transform: "scale3d(1, 1, 1)" }
|
173 | ];
|
174 |
|
175 |
|
176 | var rubberBand = [
|
177 | { offset: 0, transform: "scale3d(1, 1, 1)" },
|
178 | { offset: 0.3, transform: "scale3d(1.25, 0.75, 1)" },
|
179 | { offset: 0.4, transform: "scale3d(0.75, 1.25, 1)" },
|
180 | { offset: 0.5, transform: "scale3d(1.15, 0.85, 1)" },
|
181 | { offset: 0.65, transform: "scale3d(0.95, 1.05, 1)" },
|
182 | { offset: 0.75, transform: "scale3d(1.05, 0.95, 1)" },
|
183 | { offset: 1, transform: "scale3d(1, 1, 1)" }
|
184 | ];
|
185 |
|
186 |
|
187 | var shake = [
|
188 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
189 | { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
|
190 | { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
|
191 | { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
|
192 | { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
|
193 | { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
|
194 | { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
|
195 | { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
|
196 | { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
|
197 | { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
|
198 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
199 | ];
|
200 |
|
201 |
|
202 | var shakeX = [
|
203 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
204 | { offset: 0.1, transform: "translate3d(-10px, 0, 0)" },
|
205 | { offset: 0.2, transform: "translate3d(10px, 0, 0)" },
|
206 | { offset: 0.3, transform: "translate3d(-10px, 0, 0)" },
|
207 | { offset: 0.4, transform: "translate3d(10px, 0, 0)" },
|
208 | { offset: 0.5, transform: "translate3d(-10px, 0, 0)" },
|
209 | { offset: 0.6, transform: "translate3d(10px, 0, 0)" },
|
210 | { offset: 0.7, transform: "translate3d(-10px, 0, 0)" },
|
211 | { offset: 0.8, transform: "translate3d(10px, 0, 0)" },
|
212 | { offset: 0.9, transform: "translate3d(-10px, 0, 0)" },
|
213 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
214 | ];
|
215 |
|
216 |
|
217 | var shakeY = [
|
218 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
219 | { offset: 0.1, transform: "translate3d(0, -10px, 0)" },
|
220 | { offset: 0.2, transform: "translate3d(0, 10px, 0)" },
|
221 | { offset: 0.3, transform: "translate3d(0, -10px, 0)" },
|
222 | { offset: 0.4, transform: "translate3d(0, 10px, 0)" },
|
223 | { offset: 0.5, transform: "translate3d(0, -10px, 0)" },
|
224 | { offset: 0.6, transform: "translate3d(0, 10px, 0)" },
|
225 | { offset: 0.7, transform: "translate3d(0, -10px, 0)" },
|
226 | { offset: 0.8, transform: "translate3d(0, 10px, 0)" },
|
227 | { offset: 0.9, transform: "translate3d(0, -10px, 0)" },
|
228 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
229 | ];
|
230 |
|
231 |
|
232 | var swing = [
|
233 | { offset: 0.2, transform: "rotate3d(0, 0, 1, 15deg)" },
|
234 | { offset: 0.4, transform: "rotate3d(0, 0, 1, -10deg)" },
|
235 | { offset: 0.6, transform: "rotate3d(0, 0, 1, 5deg)" },
|
236 | { offset: 0.8, transform: "rotate3d(0, 0, 1, -5deg)" },
|
237 | { offset: 1, transform: "rotate3d(0, 0, 1, 0deg)" }
|
238 | ];
|
239 |
|
240 |
|
241 | var tada = [
|
242 | { offset: 0, transform: "scale3d(1, 1, 1)" },
|
243 | { offset: 0.1, transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)" },
|
244 | { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)" },
|
245 | { offset: 0.3, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
|
246 | { offset: 0.4, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
|
247 | { offset: 0.5, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
|
248 | { offset: 0.6, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
|
249 | { offset: 0.7, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
|
250 | { offset: 0.8, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)" },
|
251 | { offset: 0.9, transform: "scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)" },
|
252 | { offset: 1, transform: "scale3d(1, 1, 1)" }
|
253 | ];
|
254 |
|
255 |
|
256 | var wobble = [
|
257 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
258 | { offset: 0.15, transform: "translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)" },
|
259 | { offset: 0.3, transform: "translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)" },
|
260 | { offset: 0.45, transform: "translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)" },
|
261 | { offset: 0.6, transform: "translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)" },
|
262 | { offset: 0.75, transform: "translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)" },
|
263 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
264 | ];
|
265 |
|
266 |
|
267 | var backInDown = [
|
268 | { offset: 0, transform: "translateY(-1200px) scale(0.7)", opacity: "0.7" },
|
269 | { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
|
270 | { offset: 1, transform: "scale(1)", opacity: "1" }
|
271 | ];
|
272 |
|
273 |
|
274 | var backInLeft = [
|
275 | { offset: 0, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" },
|
276 | { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
|
277 | { offset: 1, transform: "scale(1)", opacity: "1" }
|
278 | ];
|
279 |
|
280 |
|
281 | var backInRight = [
|
282 | { offset: 0, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" },
|
283 | { offset: 0.8, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
|
284 | { offset: 1, transform: "scale(1)", opacity: "1" }
|
285 | ];
|
286 |
|
287 |
|
288 | var backInUp = [
|
289 | { offset: 0, transform: "translateY(1200px) scale(0.7)", opacity: "0.7" },
|
290 | { offset: 0.8, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
|
291 | { offset: 1, transform: "scale(1)", opacity: "1" }
|
292 | ];
|
293 |
|
294 |
|
295 | var backOutDown = [
|
296 | { offset: 0, transform: "scale(1)", opacity: "1" },
|
297 | { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
|
298 | { offset: 1, transform: "translateY(700px) scale(0.7)", opacity: "0.7" }
|
299 | ];
|
300 |
|
301 |
|
302 | var backOutLeft = [
|
303 | { offset: 0, transform: "scale(1)", opacity: "1" },
|
304 | { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
|
305 | { offset: 1, transform: "translateX(-2000px) scale(0.7)", opacity: "0.7" }
|
306 | ];
|
307 |
|
308 |
|
309 | var backOutRight = [
|
310 | { offset: 0, transform: "scale(1)", opacity: "1" },
|
311 | { offset: 0.2, transform: "translateX(0px) scale(0.7)", opacity: "0.7" },
|
312 | { offset: 1, transform: "translateX(2000px) scale(0.7)", opacity: "0.7" }
|
313 | ];
|
314 |
|
315 |
|
316 | var backOutUp = [
|
317 | { offset: 0, transform: "scale(1)", opacity: "1" },
|
318 | { offset: 0.2, transform: "translateY(0px) scale(0.7)", opacity: "0.7" },
|
319 | { offset: 1, transform: "translateY(-700px) scale(0.7)", opacity: "0.7" }
|
320 | ];
|
321 |
|
322 |
|
323 | var bounceIn = [
|
324 | { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
|
325 | { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
326 | { offset: 0.2, transform: "scale3d(1.1, 1.1, 1.1)" },
|
327 | { offset: 0.2, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
328 | { offset: 0.4, transform: "scale3d(0.9, 0.9, 0.9)" },
|
329 | { offset: 0.4, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
330 | { offset: 0.6, opacity: "1", transform: "scale3d(1.03, 1.03, 1.03)" },
|
331 | { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
332 | { offset: 0.8, transform: "scale3d(0.97, 0.97, 0.97)" },
|
333 | { offset: 0.8, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
334 | { offset: 1, opacity: "1", transform: "scale3d(1, 1, 1)" },
|
335 | { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
|
336 | ];
|
337 |
|
338 |
|
339 | var bounceInDown = [
|
340 | { offset: 0, opacity: "0", transform: "translate3d(0, -3000px, 0) scaleY(3)" },
|
341 | { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
342 | { offset: 0.6, opacity: "1", transform: "translate3d(0, 25px, 0) scaleY(0.9)" },
|
343 | { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
344 | { offset: 0.75, transform: "translate3d(0, -10px, 0) scaleY(0.95)" },
|
345 | { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
346 | { offset: 0.9, transform: "translate3d(0, 5px, 0) scaleY(0.985)" },
|
347 | { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
348 | { offset: 1, transform: "translate3d(0, 0, 0)" },
|
349 | { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
|
350 | ];
|
351 |
|
352 |
|
353 | var bounceInLeft = [
|
354 | { offset: 0, opacity: "0", transform: "translate3d(-3000px, 0, 0) scaleX(3)" },
|
355 | { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
356 | { offset: 0.6, opacity: "1", transform: "translate3d(25px, 0, 0) scaleX(1)" },
|
357 | { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
358 | { offset: 0.75, transform: "translate3d(-10px, 0, 0) scaleX(0.98)" },
|
359 | { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
360 | { offset: 0.9, transform: "translate3d(5px, 0, 0) scaleX(0.995)" },
|
361 | { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
362 | { offset: 1, transform: "translate3d(0, 0, 0)" },
|
363 | { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
|
364 | ];
|
365 |
|
366 |
|
367 | var bounceInRight = [
|
368 | { offset: 0, opacity: "0", transform: "translate3d(3000px, 0, 0) scaleX(3)" },
|
369 | { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
370 | { offset: 0.6, opacity: "1", transform: "translate3d(-25px, 0, 0) scaleX(1)" },
|
371 | { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
372 | { offset: 0.75, transform: "translate3d(10px, 0, 0) scaleX(0.98)" },
|
373 | { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
374 | { offset: 0.9, transform: "translate3d(-5px, 0, 0) scaleX(0.995)" },
|
375 | { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
376 | { offset: 1, transform: "translate3d(0, 0, 0)" },
|
377 | { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
|
378 | ];
|
379 |
|
380 |
|
381 | var bounceInUp = [
|
382 | { offset: 0, opacity: "0", transform: "translate3d(0, 3000px, 0) scaleY(5)" },
|
383 | { offset: 0, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
384 | { offset: 0.6, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
|
385 | { offset: 0.6, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
386 | { offset: 0.75, transform: "translate3d(0, 10px, 0) scaleY(0.95)" },
|
387 | { offset: 0.75, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
388 | { offset: 0.9, transform: "translate3d(0, -5px, 0) scaleY(0.985)" },
|
389 | { offset: 0.9, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" },
|
390 | { offset: 1, transform: "translate3d(0, 0, 0)" },
|
391 | { offset: 1, easing: "cubic-bezier(0.215, 0.61, 0.355, 1)" }
|
392 | ];
|
393 |
|
394 |
|
395 | var bounceOut = [
|
396 | { offset: 0.2, transform: "scale3d(0.9, 0.9, 0.9)" },
|
397 | { offset: 0.5, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
|
398 | { offset: 0.55, opacity: "1", transform: "scale3d(1.1, 1.1, 1.1)" },
|
399 | { offset: 1, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" }
|
400 | ];
|
401 |
|
402 |
|
403 | var bounceOutDown = [
|
404 | { offset: 0.2, transform: "translate3d(0, 10px, 0) scaleY(0.985)" },
|
405 | { offset: 0.4, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
|
406 | { offset: 0.45, opacity: "1", transform: "translate3d(0, -20px, 0) scaleY(0.9)" },
|
407 | { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0) scaleY(3)" }
|
408 | ];
|
409 |
|
410 |
|
411 | var bounceOutLeft = [
|
412 | { offset: 0.2, opacity: "1", transform: "translate3d(20px, 0, 0) scaleX(0.9)" },
|
413 | { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0) scaleX(2)" }
|
414 | ];
|
415 |
|
416 |
|
417 | var bounceOutRight = [
|
418 | { offset: 0.2, opacity: "1", transform: "translate3d(-20px, 0, 0) scaleX(0.9)" },
|
419 | { offset: 1, opacity: "0", transform: "translate3d(2000px, 0, 0) scaleX(2)" }
|
420 | ];
|
421 |
|
422 |
|
423 | var bounceOutUp = [
|
424 | { offset: 0.2, transform: "translate3d(0, -10px, 0) scaleY(0.985)" },
|
425 | { offset: 0.4, opacity: "1", transform: "translate3d(0, 20px, 0) scaleY(0.9)" },
|
426 | { offset: 0.45, opacity: "1", transform: "translate3d(0, 20px, 0) scaleY(0.9)" },
|
427 | { offset: 1, opacity: "0", transform: "translate3d(0, -2000px, 0) scaleY(3)" }
|
428 | ];
|
429 |
|
430 |
|
431 | var fadeIn = [
|
432 | { offset: 0, opacity: "0" },
|
433 | { offset: 1, opacity: "1" }
|
434 | ];
|
435 |
|
436 |
|
437 | var fadeInBottomLeft = [
|
438 | { offset: 0, opacity: "0", transform: "translate3d(-100%, 100%, 0)" },
|
439 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
440 | ];
|
441 |
|
442 |
|
443 | var fadeInBottomRight = [
|
444 | { offset: 0, opacity: "0", transform: "translate3d(100%, 100%, 0)" },
|
445 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
446 | ];
|
447 |
|
448 |
|
449 | var fadeInDown = [
|
450 | { offset: 0, opacity: "0", transform: "translate3d(0, -100%, 0)" },
|
451 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
452 | ];
|
453 |
|
454 |
|
455 | var fadeInDownBig = [
|
456 | { offset: 0, opacity: "0", transform: "translate3d(0, -2000px, 0)" },
|
457 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
458 | ];
|
459 |
|
460 |
|
461 | var fadeInLeft = [
|
462 | { offset: 0, opacity: "0", transform: "translate3d(-100%, 0, 0)" },
|
463 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
464 | ];
|
465 |
|
466 |
|
467 | var fadeInLeftBig = [
|
468 | { offset: 0, opacity: "0", transform: "translate3d(-2000px, 0, 0)" },
|
469 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
470 | ];
|
471 |
|
472 |
|
473 | var fadeInRight = [
|
474 | { offset: 0, opacity: "0", transform: "translate3d(100%, 0, 0)" },
|
475 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
476 | ];
|
477 |
|
478 |
|
479 | var fadeInRightBig = [
|
480 | { offset: 0, opacity: "0", transform: "translate3d(2000px, 0, 0)" },
|
481 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
482 | ];
|
483 |
|
484 |
|
485 | var fadeInTopLeft = [
|
486 | { offset: 0, opacity: "0", transform: "translate3d(-100%, -100%, 0)" },
|
487 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
488 | ];
|
489 |
|
490 |
|
491 | var fadeInTopRight = [
|
492 | { offset: 0, opacity: "0", transform: "translate3d(100%, -100%, 0)" },
|
493 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
494 | ];
|
495 |
|
496 |
|
497 | var fadeInUp = [
|
498 | { offset: 0, opacity: "0", transform: "translate3d(0, 100%, 0)" },
|
499 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
500 | ];
|
501 |
|
502 |
|
503 | var fadeInUpBig = [
|
504 | { offset: 0, opacity: "0", transform: "translate3d(0, 2000px, 0)" },
|
505 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
506 | ];
|
507 |
|
508 |
|
509 | var fadeOut = [
|
510 | { offset: 0, opacity: "1" },
|
511 | { offset: 1, opacity: "0" }
|
512 | ];
|
513 |
|
514 |
|
515 | var fadeOutBottomLeft = [
|
516 | { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
|
517 | { offset: 1, opacity: "0", transform: "translate3d(-100%, 100%, 0)" }
|
518 | ];
|
519 |
|
520 |
|
521 | var fadeOutBottomRight = [
|
522 | { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
|
523 | { offset: 1, opacity: "0", transform: "translate3d(100%, 100%, 0)" }
|
524 | ];
|
525 |
|
526 |
|
527 | var fadeOutDown = [
|
528 | { offset: 0, opacity: "1" },
|
529 | { offset: 1, opacity: "0", transform: "translate3d(0, 100%, 0)" }
|
530 | ];
|
531 |
|
532 |
|
533 | var fadeOutDownBig = [
|
534 | { offset: 0, opacity: "1" },
|
535 | { offset: 1, opacity: "0", transform: "translate3d(0, 2000px, 0)" }
|
536 | ];
|
537 |
|
538 |
|
539 | var fadeOutLeft = [
|
540 | { offset: 0, opacity: "1" },
|
541 | { offset: 1, opacity: "0", transform: "translate3d(-100%, 0, 0)" }
|
542 | ];
|
543 |
|
544 |
|
545 | var fadeOutLeftBig = [
|
546 | { offset: 0, opacity: "1" },
|
547 | { offset: 1, opacity: "0", transform: "translate3d(-2000px, 0, 0)" }
|
548 | ];
|
549 |
|
550 |
|
551 | var fadeOutRight = [
|
552 | { offset: 0, opacity: "1" },
|
553 | { offset: 1, opacity: "0", transform: "translate3d(100%, 0, 0)" }
|
554 | ];
|
555 |
|
556 |
|
557 | var fadeOutRightBig = [
|
558 | { offset: 0, opacity: "1" },
|
559 | { offset: 1, opacity: "0", transform: "translate3d(2000px, 0, 0)" }
|
560 | ];
|
561 |
|
562 |
|
563 | var fadeOutTopLeft = [
|
564 | { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
|
565 | { offset: 1, opacity: "0", transform: "translate3d(-100%, -100%, 0)" }
|
566 | ];
|
567 |
|
568 |
|
569 | var fadeOutTopRight = [
|
570 | { offset: 0, opacity: "1", transform: "translate3d(0, 0, 0)" },
|
571 | { offset: 1, opacity: "0", transform: "translate3d(100%, -100%, 0)" }
|
572 | ];
|
573 |
|
574 |
|
575 | var fadeOutUp = [
|
576 | { offset: 0, opacity: "1" },
|
577 | { offset: 1, opacity: "0", transform: "translate3d(0, -100%, 0)" }
|
578 | ];
|
579 |
|
580 |
|
581 | var fadeOutUpBig = [
|
582 | { offset: 0, opacity: "1" },
|
583 | { offset: 1, opacity: "0", transform: "translate3d(0, -2000px, 0)" }
|
584 | ];
|
585 |
|
586 |
|
587 | var flip = [
|
588 | {
|
589 | offset: 0,
|
590 | transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)",
|
591 | easing: "ease-out"
|
592 | },
|
593 | {
|
594 | offset: 0.4,
|
595 | transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -190deg)",
|
596 | easing: "ease-out"
|
597 | },
|
598 | {
|
599 | offset: 0.5,
|
600 | transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -170deg)",
|
601 | easing: "ease-in"
|
602 | },
|
603 | {
|
604 | offset: 0.8,
|
605 | transform: "perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg)",
|
606 | easing: "ease-in"
|
607 | },
|
608 | {
|
609 | offset: 1,
|
610 | transform: "perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)",
|
611 | easing: "ease-in"
|
612 | }
|
613 | ];
|
614 |
|
615 |
|
616 | var flipInX = [
|
617 | { offset: 0, transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)", easing: "ease-in", opacity: "0" },
|
618 | { offset: 0.4, transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)", easing: "ease-in" },
|
619 | { offset: 0.6, transform: "perspective(400px) rotate3d(1, 0, 0, 10deg)", opacity: "1" },
|
620 | { offset: 0.8, transform: "perspective(400px) rotate3d(1, 0, 0, -5deg)" },
|
621 | { offset: 1, transform: "perspective(400px)" }
|
622 | ];
|
623 |
|
624 |
|
625 | var flipInY = [
|
626 | { offset: 0, transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)", easing: "ease-in", opacity: "0" },
|
627 | { offset: 0.4, transform: "perspective(400px) rotate3d(0, 1, 0, -20deg)", easing: "ease-in" },
|
628 | { offset: 0.6, transform: "perspective(400px) rotate3d(0, 1, 0, 10deg)", opacity: "1" },
|
629 | { offset: 0.8, transform: "perspective(400px) rotate3d(0, 1, 0, -5deg)" },
|
630 | { offset: 1, transform: "perspective(400px)" }
|
631 | ];
|
632 |
|
633 |
|
634 | var flipOutX = [
|
635 | { offset: 0, transform: "perspective(400px)" },
|
636 | { offset: 0.3, transform: "perspective(400px) rotate3d(1, 0, 0, -20deg)", opacity: "1" },
|
637 | { offset: 1, transform: "perspective(400px) rotate3d(1, 0, 0, 90deg)", opacity: "0" }
|
638 | ];
|
639 |
|
640 |
|
641 | var flipOutY = [
|
642 | { offset: 0, transform: "perspective(400px)" },
|
643 | { offset: 0.3, transform: "perspective(400px) rotate3d(0, 1, 0, -15deg)", opacity: "1" },
|
644 | { offset: 1, transform: "perspective(400px) rotate3d(0, 1, 0, 90deg)", opacity: "0" }
|
645 | ];
|
646 |
|
647 |
|
648 | var lightSpeedInLeft = [
|
649 | { offset: 0, transform: "translate3d(-100%, 0, 0) skewX(30deg)", opacity: "0" },
|
650 | { offset: 0.6, transform: "skewX(-20deg)", opacity: "1" },
|
651 | { offset: 0.8, transform: "skewX(5deg)" },
|
652 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
653 | ];
|
654 |
|
655 |
|
656 | var lightSpeedInRight = [
|
657 | { offset: 0, transform: "translate3d(100%, 0, 0) skewX(-30deg)", opacity: "0" },
|
658 | { offset: 0.6, transform: "skewX(20deg)", opacity: "1" },
|
659 | { offset: 0.8, transform: "skewX(-5deg)" },
|
660 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
661 | ];
|
662 |
|
663 |
|
664 | var lightSpeedOutLeft = [
|
665 | { offset: 0, opacity: "1" },
|
666 | { offset: 1, transform: "translate3d(-100%, 0, 0) skewX(-30deg)", opacity: "0" }
|
667 | ];
|
668 |
|
669 |
|
670 | var lightSpeedOutRight = [
|
671 | { offset: 0, opacity: "1" },
|
672 | { offset: 1, transform: "translate3d(100%, 0, 0) skewX(30deg)", opacity: "0" }
|
673 | ];
|
674 |
|
675 |
|
676 | var rotateIn = [
|
677 | { offset: 0, transform: "rotate3d(0, 0, 1, -200deg)", opacity: "0" },
|
678 | { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
|
679 | ];
|
680 |
|
681 |
|
682 | var rotateInDownLeft = [
|
683 | { offset: 0, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" },
|
684 | { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
|
685 | ];
|
686 |
|
687 |
|
688 | var rotateInDownRight = [
|
689 | { offset: 0, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" },
|
690 | { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
|
691 | ];
|
692 |
|
693 |
|
694 | var rotateInUpLeft = [
|
695 | { offset: 0, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" },
|
696 | { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
|
697 | ];
|
698 |
|
699 |
|
700 | var rotateInUpRight = [
|
701 | { offset: 0, transform: "rotate3d(0, 0, 1, -90deg)", opacity: "0" },
|
702 | { offset: 1, transform: "translate3d(0, 0, 0)", opacity: "1" }
|
703 | ];
|
704 |
|
705 |
|
706 | var rotateOut = [
|
707 | { offset: 0, opacity: "1" },
|
708 | { offset: 1, transform: "rotate3d(0, 0, 1, 200deg)", opacity: "0" }
|
709 | ];
|
710 |
|
711 |
|
712 | var rotateOutDownLeft = [
|
713 | { offset: 0, opacity: "1" },
|
714 | { offset: 1, transform: "rotate3d(0, 0, 1, 45deg)", opacity: "0" }
|
715 | ];
|
716 |
|
717 |
|
718 | var rotateOutDownRight = [
|
719 | { offset: 0, opacity: "1" },
|
720 | { offset: 1, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" }
|
721 | ];
|
722 |
|
723 |
|
724 | var rotateOutUpLeft = [
|
725 | { offset: 0, opacity: "1" },
|
726 | { offset: 1, transform: "rotate3d(0, 0, 1, -45deg)", opacity: "0" }
|
727 | ];
|
728 |
|
729 |
|
730 | var rotateOutUpRight = [
|
731 | { offset: 0, opacity: "1" },
|
732 | { offset: 1, transform: "rotate3d(0, 0, 1, 90deg)", opacity: "0" }
|
733 | ];
|
734 |
|
735 |
|
736 | var slideInDown = [
|
737 | { offset: 0, transform: "translate3d(0, -100%, 0)", visibility: "visible" },
|
738 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
739 | ];
|
740 |
|
741 |
|
742 | var slideInLeft = [
|
743 | { offset: 0, transform: "translate3d(-100%, 0, 0)", visibility: "visible" },
|
744 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
745 | ];
|
746 |
|
747 |
|
748 | var slideInRight = [
|
749 | { offset: 0, transform: "translate3d(100%, 0, 0)", visibility: "visible" },
|
750 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
751 | ];
|
752 |
|
753 |
|
754 | var slideInUp = [
|
755 | { offset: 0, transform: "translate3d(0, 100%, 0)", visibility: "visible" },
|
756 | { offset: 1, transform: "translate3d(0, 0, 0)" }
|
757 | ];
|
758 |
|
759 |
|
760 | var slideOutDown = [
|
761 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
762 | { offset: 1, visibility: "hidden", transform: "translate3d(0, 100%, 0)" }
|
763 | ];
|
764 |
|
765 |
|
766 | var slideOutLeft = [
|
767 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
768 | { offset: 1, visibility: "hidden", transform: "translate3d(-100%, 0, 0)" }
|
769 | ];
|
770 |
|
771 |
|
772 | var slideOutRight = [
|
773 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
774 | { offset: 1, visibility: "hidden", transform: "translate3d(100%, 0, 0)" }
|
775 | ];
|
776 |
|
777 |
|
778 | var slideOutUp = [
|
779 | { offset: 0, transform: "translate3d(0, 0, 0)" },
|
780 | { offset: 1, visibility: "hidden", transform: "translate3d(0, -100%, 0)" }
|
781 | ];
|
782 |
|
783 |
|
784 | var hinge = [
|
785 | { offset: 0, easing: "ease-in-out" },
|
786 | { offset: 0.2, transform: "rotate3d(0, 0, 1, 80deg)", easing: "ease-in-out" },
|
787 | { offset: 0.4, transform: "rotate3d(0, 0, 1, 60deg)", easing: "ease-in-out", opacity: "1" },
|
788 | { offset: 0.6, transform: "rotate3d(0, 0, 1, 80deg)", easing: "ease-in-out" },
|
789 | { offset: 0.8, transform: "rotate3d(0, 0, 1, 60deg)", easing: "ease-in-out", opacity: "1" },
|
790 | { offset: 1, transform: "translate3d(0, 700px, 0)", opacity: "0" }
|
791 | ];
|
792 |
|
793 |
|
794 | var jackInTheBox = [
|
795 | { offset: 0, opacity: "0", transform: "scale(0.1) rotate(30deg)", "transform-origin": "center bottom" },
|
796 | { offset: 0.5, transform: "rotate(-10deg)" },
|
797 | { offset: 0.7, transform: "rotate(3deg)" },
|
798 | { offset: 1, opacity: "1", transform: "scale(1)" }
|
799 | ];
|
800 |
|
801 |
|
802 | var rollIn = [
|
803 | { offset: 0, opacity: "0", transform: "translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)" },
|
804 | { offset: 1, opacity: "1", transform: "translate3d(0, 0, 0)" }
|
805 | ];
|
806 |
|
807 |
|
808 | var rollOut = [
|
809 | { offset: 0, opacity: "1" },
|
810 | { offset: 1, opacity: "0", transform: "translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)" }
|
811 | ];
|
812 |
|
813 |
|
814 | var zoomIn = [
|
815 | { offset: 0, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
|
816 | { offset: 0.5, opacity: "1" }
|
817 | ];
|
818 |
|
819 |
|
820 | var zoomInDown = [
|
821 | {
|
822 | offset: 0,
|
823 | opacity: "0",
|
824 | transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)",
|
825 | easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
|
826 | },
|
827 | {
|
828 | offset: 0.6,
|
829 | opacity: "1",
|
830 | transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
|
831 | easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
|
832 | }
|
833 | ];
|
834 |
|
835 |
|
836 | var zoomInLeft = [
|
837 | {
|
838 | offset: 0,
|
839 | opacity: "0",
|
840 | transform: "scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)",
|
841 | easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
|
842 | },
|
843 | {
|
844 | offset: 0.6,
|
845 | opacity: "1",
|
846 | transform: "scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)",
|
847 | easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
|
848 | }
|
849 | ];
|
850 |
|
851 |
|
852 | var zoomInRight = [
|
853 | {
|
854 | offset: 0,
|
855 | opacity: "0",
|
856 | transform: "scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)",
|
857 | easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
|
858 | },
|
859 | {
|
860 | offset: 0.6,
|
861 | opacity: "1",
|
862 | transform: "scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)",
|
863 | easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
|
864 | }
|
865 | ];
|
866 |
|
867 |
|
868 | var zoomInUp = [
|
869 | {
|
870 | offset: 0,
|
871 | opacity: "0",
|
872 | transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)",
|
873 | easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
|
874 | },
|
875 | {
|
876 | offset: 0.6,
|
877 | opacity: "1",
|
878 | transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
|
879 | easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
|
880 | }
|
881 | ];
|
882 |
|
883 |
|
884 | var zoomOut = [
|
885 | { offset: 0, opacity: "1" },
|
886 | { offset: 0.5, opacity: "0", transform: "scale3d(0.3, 0.3, 0.3)" },
|
887 | { offset: 1, opacity: "0" }
|
888 | ];
|
889 |
|
890 |
|
891 | var zoomOutDown = [
|
892 | {
|
893 | offset: 0.4,
|
894 | opacity: "1",
|
895 | transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)",
|
896 | easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
|
897 | },
|
898 | {
|
899 | offset: 1,
|
900 | opacity: "0",
|
901 | transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)",
|
902 | easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
|
903 | }
|
904 | ];
|
905 |
|
906 |
|
907 | var zoomOutLeft = [
|
908 | { offset: 0.4, opacity: "1", transform: "scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)" },
|
909 | { offset: 1, opacity: "0", transform: "scale(0.1) translate3d(-2000px, 0, 0)" }
|
910 | ];
|
911 |
|
912 |
|
913 | var zoomOutRight = [
|
914 | { offset: 0.4, opacity: "1", transform: "scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)" },
|
915 | { offset: 1, opacity: "0", transform: "scale(0.1) translate3d(2000px, 0, 0)" }
|
916 | ];
|
917 |
|
918 |
|
919 | var zoomOutUp = [
|
920 | {
|
921 | offset: 0.4,
|
922 | opacity: "1",
|
923 | transform: "scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)",
|
924 | easing: "cubic-bezier(0.55, 0.055, 0.675, 0.19)"
|
925 | },
|
926 | {
|
927 | offset: 1,
|
928 | opacity: "0",
|
929 | transform: "scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)",
|
930 | easing: "cubic-bezier(0.175, 0.885, 0.32, 1)"
|
931 | }
|
932 | ];
|
933 |
|
934 |
|
935 | var easings = {
|
936 | linear: "linear",
|
937 | ease: "ease",
|
938 | easeIn: "ease-in",
|
939 | easeOut: "ease-out",
|
940 | easeInOut: "ease-in-out",
|
941 | easeInSine: "cubic-bezier(0.47, 0, 0.745, 0.715)",
|
942 | easeOutSine: "cubic-bezier(0.39, 0.575, 0.565, 1)",
|
943 | easeInOutSine: "cubic-bezier(0.445, 0.05, 0.55, 0.95)",
|
944 | easeInQuad: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
|
945 | easeOutQuad: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
|
946 | easeInOutQuad: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
|
947 | easeInCubic: "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
|
948 | easeOutCubic: "cubic-bezier(0.215, 0.61, 0.355, 1)",
|
949 | easeInOutCubic: "cubic-bezier(0.645, 0.045, 0.355, 1)",
|
950 | easeInQuart: "cubic-bezier(0.895, 0.03, 0.685, 0.22)",
|
951 | easeOutQuart: "cubic-bezier(0.165, 0.84, 0.44, 1)",
|
952 | easeInOutQuart: "cubic-bezier(0.77, 0, 0.175, 1)",
|
953 | easeInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
|
954 | easeOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
|
955 | easeInOutQuint: "cubic-bezier(0.86, 0, 0.07, 1)",
|
956 | easeInExpo: "cubic-bezier(0.95, 0.05, 0.795, 0.035)",
|
957 | easeOutExpo: "cubic-bezier(0.19, 1, 0.22, 1)",
|
958 | easeInOutExpo: "cubic-bezier(1, 0, 0, 1)",
|
959 | easeInCirc: "cubic-bezier(0.6, 0.04, 0.98, 0.335)",
|
960 | easeOutCirc: "cubic-bezier(0.075, 0.82, 0.165, 1)",
|
961 | easeInOutCirc: "cubic-bezier(0.785, 0.135, 0.15, 0.86)",
|
962 | easeInBack: "cubic-bezier(0.6, -0.28, 0.735, 0.045)",
|
963 | easeOutBack: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
|
964 | easeInOutBack: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
|
965 | };
|
966 |
|
967 |
|
968 | function getAnimationNames() {
|
969 | return Object.entries(dist_exports).filter(([name]) => name !== "easings").map(([name]) => name);
|
970 | }
|
971 | function getEasingNames() {
|
972 | return Object.entries(easings).map(([name]) => name);
|
973 | }
|
974 |
|
975 | export {
|
976 | dist_exports,
|
977 | getAnimationNames,
|
978 | getEasingNames
|
979 | };
|