react-animate-z 2.3.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +249 -339
  3. package/build/animation/durations.d.ts +64 -0
  4. package/build/animation/index.d.ts +3 -0
  5. package/build/animation/sequence.d.ts +15 -0
  6. package/build/animation/types.d.ts +34 -0
  7. package/build/components/Animate.d.ts +4 -0
  8. package/build/components/AnimateGroup.d.ts +9 -0
  9. package/build/components/AnimateHost.d.ts +8 -0
  10. package/build/components/AnimateOn.d.ts +12 -0
  11. package/build/components/AnimatePresence.d.ts +12 -0
  12. package/build/{AnimBox/StyledElement.d.ts → components/AnimateStyled.d.ts} +1 -1
  13. package/build/{AnimBox/AnimateTyping.d.ts → components/Typing.d.ts} +11 -6
  14. package/build/components/TypingText.d.ts +8 -0
  15. package/build/{AnimBox → components}/WrapperAnimate.d.ts +1 -1
  16. package/build/components/index.d.ts +8 -0
  17. package/build/core/createAnimate.d.ts +9 -0
  18. package/build/core/index.d.ts +1 -0
  19. package/build/core/injectKeyframe.d.ts +1 -0
  20. package/build/core/recipe.d.ts +7 -0
  21. package/build/hooks/index.d.ts +16 -0
  22. package/build/hooks/types.d.ts +13 -0
  23. package/build/hooks/useAnimate.d.ts +9 -0
  24. package/build/hooks/useAnimateController.d.ts +16 -0
  25. package/build/hooks/useAnimateSequence.d.ts +2 -0
  26. package/build/hooks/useAttention.d.ts +11 -0
  27. package/build/hooks/useAutoAnimate.d.ts +10 -0
  28. package/build/hooks/useFocusAnimate.d.ts +16 -0
  29. package/build/hooks/useHoverAnimate.d.ts +16 -0
  30. package/build/hooks/usePairedAnimate.d.ts +10 -0
  31. package/build/hooks/useRandomAnimate.d.ts +3 -0
  32. package/build/hooks/useRandomAnimateByIntensity.d.ts +6 -0
  33. package/build/hooks/useRandomAnimateNoRepeat.d.ts +4 -0
  34. package/build/hooks/useRecipe.d.ts +13 -0
  35. package/build/hooks/useTypingAnimate.d.ts +11 -0
  36. package/build/hooks/useWeightedRandomAnimate.d.ts +9 -0
  37. package/build/index.cjs.js +22 -0
  38. package/build/index.cjs.js.map +1 -0
  39. package/build/index.d.ts +44 -8
  40. package/build/index.esm.js +15 -1069
  41. package/build/index.esm.js.map +1 -0
  42. package/build/key-frames/attention.d.ts +7 -0
  43. package/build/key-frames/blur.d.ts +12 -0
  44. package/build/key-frames/bounce.d.ts +18 -0
  45. package/build/key-frames/fade.d.ts +38 -0
  46. package/build/key-frames/flash.d.ts +12 -0
  47. package/build/key-frames/flip.d.ts +23 -0
  48. package/build/key-frames/float.d.ts +12 -0
  49. package/build/key-frames/fold.d.ts +14 -0
  50. package/build/key-frames/funMap.d.ts +10 -0
  51. package/build/key-frames/glowing.d.ts +7 -0
  52. package/build/key-frames/hangOn.d.ts +12 -0
  53. package/build/key-frames/index.d.ts +343 -0
  54. package/build/key-frames/jelly.d.ts +7 -0
  55. package/build/key-frames/motion.d.ts +16 -0
  56. package/build/key-frames/pop.d.ts +16 -0
  57. package/build/key-frames/pulse.d.ts +7 -0
  58. package/build/key-frames/rotate.d.ts +15 -0
  59. package/build/key-frames/slide.d.ts +18 -0
  60. package/build/key-frames/squeezeShake.d.ts +22 -0
  61. package/build/key-frames/textEffects.d.ts +9 -0
  62. package/build/key-frames/zoom.d.ts +20 -0
  63. package/package.json +21 -51
  64. package/build/AnimBox/durations.d.ts +0 -1
  65. package/build/AnimBox/frames/attention.d.ts +0 -7
  66. package/build/AnimBox/frames/blur.d.ts +0 -12
  67. package/build/AnimBox/frames/bounce.d.ts +0 -18
  68. package/build/AnimBox/frames/fade.d.ts +0 -34
  69. package/build/AnimBox/frames/flash.d.ts +0 -12
  70. package/build/AnimBox/frames/flip.d.ts +0 -23
  71. package/build/AnimBox/frames/float.d.ts +0 -12
  72. package/build/AnimBox/frames/fold.d.ts +0 -14
  73. package/build/AnimBox/frames/funMap.d.ts +0 -10
  74. package/build/AnimBox/frames/glowing.d.ts +0 -7
  75. package/build/AnimBox/frames/hangOn.d.ts +0 -12
  76. package/build/AnimBox/frames/index.d.ts +0 -339
  77. package/build/AnimBox/frames/jelly.d.ts +0 -7
  78. package/build/AnimBox/frames/motion.d.ts +0 -16
  79. package/build/AnimBox/frames/pop.d.ts +0 -16
  80. package/build/AnimBox/frames/pulse.d.ts +0 -7
  81. package/build/AnimBox/frames/rotate.d.ts +0 -15
  82. package/build/AnimBox/frames/slide.d.ts +0 -18
  83. package/build/AnimBox/frames/squeezeShake.d.ts +0 -22
  84. package/build/AnimBox/frames/textEffects.d.ts +0 -9
  85. package/build/AnimBox/frames/zoom.d.ts +0 -20
  86. package/build/AnimBox/index.d.ts +0 -4
  87. package/build/AnimBox/types.d.ts +0 -26
  88. package/build/index.js +0 -1076
package/build/index.js DELETED
@@ -1,1076 +0,0 @@
1
- !function(t,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react/jsx-runtime"),require("styled-components"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","styled-components","react"],r):r((t="undefined"!=typeof globalThis?globalThis:t||self).ReactAnimate={},t.jsxRuntime,t.styled,t.react)}(this,(function(t,r,a,e){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=o(a);const n={bounce:"1s",bounceIn:"1s",bounceOut:"1s",bounceElastic:"1.2s",bounceSmall:"0.8s",bounceRotate:"1s",bounceJelly:"1.2s",jelly:"1s",jellyX:"1s",jellyY:"1s",jellyIn:"1s",jellyOut:"1s",shakeMix:"0.8s",shakeHorizontal:"0.8s",shakeVertical:"0.8s",shakeDiagonal:"0.8s",shakeQuick:"0.5s",pulse:"1s",pulseInOut:"1.2s",pulseFade:"1.2s",pulseFast:"0.6s",pulseColor:"1.2s",heartBeat:"1.3s",float:"2s",floatSway:"2.5s",floatHorizontal:"2.5s",floatCircular:"3s",floatWiggle:"2s",orbit:"3s",orbitEllipse:"3s",flash:"0.8s",flashIrregular:"1.2s",flashFast:"0.5s",flashSlow:"1.5s",flashPulse:"1s",glow:"1.5s",glowTextFlicker:"2s",glowRainbow:"3s",glowBreathing:"2.5s",glowGlitch:"1.2s",blurIn:"0.8s",blurInZoom:"1s",blurInScale:"0.8s",blurInUp:"0.8s",blurInRotate:"1s",blurOut:"0.8s",blurOutZoom:"1s",blurOutScale:"0.8s",blurOutDown:"0.8s",blurOutRotate:"1s",fadeIn:"0.8s",fadeOut:"0.8s",fadeInFromLeft:"0.8s",fadeInFromRight:"0.8s",fadeInFromTop:"0.8s",fadeInFromBottom:"0.8s",fadeOutToLeft:"0.8s",fadeOutToRight:"0.8s",fadeOutToTop:"0.8s",fadeOutToBottom:"0.8s",fadeInZoom:"1s",fadeOutZoom:"1s",fadeInRotate:"1s",fadeOutRotate:"1s",fadeInSkew:"0.8s",fadeOutSkew:"0.8s",fadeInFlipX:"1s",fadeOutFlipX:"1s",fadeInFlipY:"1s",fadeOutFlipY:"1s",fadeInPerspective:"1s",fadeOutPerspective:"1s",slideInFromLeft:"0.8s",slideInFromRight:"0.8s",slideOutToLeft:"0.8s",slideOutToRight:"0.8s",slideInFromTop:"0.8s",slideInFromBottom:"0.8s",slideOutToTop:"0.8s",slideOutToBottom:"0.8s",slideInFromLeftOvershoot:"1s",slideInFromRightOvershoot:"1s",slideOutToLeftOvershoot:"1s",slideOutToRightOvershoot:"1s",slideInFromTopOvershoot:"1s",slideInFromBottomOvershoot:"1s",slideOutToTopOvershoot:"1s",slideOutToBottomOvershoot:"1s",zoomIn:"1s",zoomOut:"1s",zoomInFromLeft:"1s",zoomInFromRight:"1s",zoomInFromTop:"1s",zoomInFromBottom:"1s",zoomOutToLeft:"1s",zoomOutToRight:"1s",zoomOutToTop:"1s",zoomOutToBottom:"1s",spin:"2s",spin3D:"2.5s",spinX:"2s",spinBounce:"2s",rotateCW:"1.5s",rotateACW:"1.5s",rotateSlowDown:"2.5s",rotateX:"2s",rotateY:"2s",rotateFromLeft:"1s",rotateFromRight:"1s",rotateToLeft:"1s",rotateToRight:"1s",rotateFromTop:"1s",rotateFromBottom:"1s",rotateToTop:"1s",rotateToBottom:"1s",flip:"1s",flipIn:"1s",flipOut:"1s",flipSlowDown:"1.5s",flipToLeft:"1s",flipToRight:"1s",flipFromTop:"1s",flipToTop:"1s",flipToBottom:"1s",flipFromBottom:"1s",flipFromLeftToCenter:"1s",flipFromRightToCenter:"1s",flipRich:"1.2s",flipToTopRich:"1.2s",flipToBottomRich:"1.2s",flipToTopLeftRich:"1.2s",flipToRightRich:"1.2s",flipFromTopRich:"1.2s",flipFromBottomRich:"1.2s",flipFromLeftToCenterRich:"1.2s",flipFromRightToCenterRich:"1.2s",fold:"1s",foldDeep:"1.2s",unfold:"1s",unfoldDeep:"1.2s",hangOnLeft:"1.5s",hangOnRight:"1.5s",hangOnTop:"1.5s",hangOnBottom:"1.5s",hangOnLeftSwing:"2s",hangOnRightSwing:"2s",hangOnTopSwing:"2s",hangOnBottomSwing:"2s",hangOnOscillate:"2.5s",hangOnDrop:"1.5s",effect3D:"1.2s",neonGlow:"1.5s",retro3D:"1.5s",emboss:"1s",fireGlow:"1.8s",iceGlow:"1.8s",shine:"1.2s",shadow:"1.2s",shadowText:"1.2s",shadowPulse:"1.2s",shadowNeon:"1.2s",swing:"1s",swingPivot:"1s",swingX:"1s",swingY:"1s",squeezeMix:"1s",squeezeHorizontal:"1s",squeezeVertical:"1s",squeezeDiagonal:"1s",squeezePulse:"1s",tada:"1s",hinge:"2s",lightSpeedInLeft:"1s",lightSpeedOutRight:"1s",popIn:"0.8s",popOut:"0.8s",popBounceIn:"1s",popBounceOut:"1s",popUpIn:"0.8s",popUpOut:"0.8s",popRotateIn:"1s",popRotateOut:"1s",popBlurIn:"1s",popBlurOut:"1s",popLeftIn:"0.8s",popLeftOut:"0.8s",popRightIn:"0.8s",popRightOut:"0.8s",rubberBand:"1s",jello:"1s",wobble:"1s",rollIn:"1s",jackInTheBox:"1.2s",typing:"2s",typingLoop:"2.5s",typeWriter:"3s",typeDelete:"1.5s",typeFade:"2s",textFlicker:"2s",textScramble:"2.5s",bgFade:"2s",bgSlide:"3s",bgPulse:"2.5s",gradientShift:"3s",gradientWave:"3.5s",colorCycle:"2s",rainbowCycle:"3s",morph:"2s",morphBlob:"3s",morphSquareCircle:"2.5s",morphLiquid:"3.5s",borderPulse:"1.5s",borderExpand:"1.2s",borderShrink:"1.2s",scaleUp:"0.8s",scaleDown:"0.8s",stretchX:"1s",stretchY:"1s",revealUp:"1s",revealDown:"1s",revealLeft:"1s",revealRight:"1s",parallax:"3s",scrollWipe:"1.2s",attentionSeeker:"1s",comboZoomRotate:"1.5s",comboBounceFade:"1.5s",comboSlideSpin:"1.5s",complexMorph:"2.5s"},f=a.keyframes`
2
- from { transform: scale3d(1,1,1); }
3
- 30% { transform: scale3d(1.25,.75,1); }
4
- 40% { transform: scale3d(.75,1.25,1); }
5
- 50% { transform: scale3d(1.15,.85,1); }
6
- 65% { transform: scale3d(.95,1.05,1); }
7
- 75% { transform: scale3d(1.05,.95,1); }
8
- to { transform: scale3d(1,1,1); }
9
- `,m=a.keyframes`
10
- from, 11.1%, to { transform: none; }
11
- 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) scale3d(1,1,1); }
12
- 33.3% { transform: skewX(6.25deg) skewY(6.25deg) scale3d(1,1,1); }
13
- 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) scale3d(1,1,1); }
14
- 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) scale3d(1,1,1); }
15
- 66.6% { transform: skewX(-.78125deg) skewY(-.78125deg) scale3d(1,1,1); }
16
- 77.7% { transform: skewX(.390625deg) skewY(.390625deg) scale3d(1,1,1); }
17
- 88.8% { transform: skewX(-.1953125deg) skewY(-.1953125deg) scale3d(1,1,1); }
18
- `,l=a.keyframes`
19
- from { transform: translate3d(0,0,0) scale3d(1,1,1); }
20
- 15% { transform: translate3d(-25%,0,0) rotate(-5deg) scale3d(1,1,1); }
21
- 30% { transform: translate3d(20%,0,0) rotate(3deg) scale3d(1,1,1); }
22
- 45% { transform: translate3d(-15%,0,0) rotate(-3deg) scale3d(1,1,1); }
23
- 60% { transform: translate3d(10%,0,0) rotate(2deg) scale3d(1,1,1); }
24
- 75% { transform: translate3d(-5%,0,0) rotate(-1deg) scale3d(1,1,1); }
25
- to { transform: translate3d(0,0,0) scale3d(1,1,1); }
26
- `,i=a.keyframes`
27
- from { opacity: 0; transform: translate3d(-100%,0,0) rotate(-120deg) scale3d(1,1,1); }
28
- to { opacity: 1; transform: translate3d(0,0,0) rotate(0deg) scale3d(1,1,1); }
29
- `,p=a.keyframes`
30
- from { opacity: 0; transform: scale3d(.1,.1,.1) rotate(30deg); transform-origin: center bottom; }
31
- 50% { transform: rotate(-10deg) scale3d(.5,.5,.5); }
32
- 70% { transform: rotate(3deg) scale3d(.8,.8,.8); }
33
- to { opacity: 1; transform: scale3d(1,1,1); }
34
- `,c={rubberBand:f,jello:m,wobble:l,rollIn:i,jackInTheBox:p},d=a.keyframes`
35
- from { filter: blur(5px); opacity: 0; }
36
- to { filter: blur(0); opacity: 1; }
37
- `,y=a.keyframes`
38
- from { opacity: 0; transform: scale(0.9); filter: blur(6px); }
39
- to { opacity: 1; transform: scale(1); filter: blur(0); }
40
- `,g=a.keyframes`
41
- from { opacity: 0; transform: scale(1.1); filter: blur(6px); }
42
- to { opacity: 1; transform: scale(1); filter: blur(0); }
43
- `,u=a.keyframes`
44
- from { opacity: 0; transform: translateY(40px); filter: blur(6px); }
45
- to { opacity: 1; transform: translateY(0); filter: blur(0); }
46
- `,x=a.keyframes`
47
- from { opacity: 0; transform: rotate(-10deg) scale(0.95); filter: blur(6px); }
48
- to { opacity: 1; transform: rotate(0deg) scale(1); filter: blur(0); }
49
- `,k=a.keyframes`
50
- from { filter: blur(0); opacity: 1; }
51
- to { filter: blur(6px); opacity: 0; }
52
- `,h=a.keyframes`
53
- from { opacity: 1; transform: scale(1); filter: blur(0); }
54
- to { opacity: 0; transform: scale(0.9); filter: blur(6px); }
55
- `,Y=a.keyframes`
56
- from { opacity: 1; transform: scale(1); filter: blur(0); }
57
- to { opacity: 0; transform: scale(1.1); filter: blur(6px); }
58
- `,X=a.keyframes`
59
- from { opacity: 1; transform: translateY(0); filter: blur(0); }
60
- to { opacity: 0; transform: translateY(40px); filter: blur(6px); }
61
- `,b=a.keyframes`
62
- from { opacity: 1; transform: rotate(0deg) scale(1); filter: blur(0); }
63
- to { opacity: 0; transform: rotate(10deg) scale(0.95); filter: blur(6px); }
64
- `,w={blurIn:d,blurInZoom:y,blurInScale:g,blurInUp:u,blurInRotate:x,blurOut:k,blurOutZoom:h,blurOutScale:Y,blurOutDown:X,blurOutRotate:b},O=a.keyframes`
65
- 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
66
- 40% { transform: translateY(-30px); }
67
- 60% { transform: translateY(-15px); }
68
- `,T=a.keyframes`
69
- 0% { opacity: 0; transform: scale(.3); }
70
- 50% { opacity: 1; transform: scale(1.05); }
71
- 70% { transform: scale(.9); }
72
- 100% { transform: scale(1); }
73
- `,I=a.keyframes`
74
- 20% { transform: scale(.9); }
75
- 50%, 55% { opacity: 1; transform: scale(1.1); }
76
- to { opacity: 0; transform: scale(.3); }
77
- `,F=a.keyframes`
78
- 10% { transform: scaleY(0.9) translateY(5%); }
79
- 45% { transform: scaleY(1.2) translateY(-100%); }
80
- 65% { transform: scaleY(0.95) translateY(0); }
81
- 75% { transform: scaleY(1.05) translateY(-25%); }
82
- 85%, 100% { transform: scaleY(1) translateY(0); }
83
- `,R=a.keyframes`
84
- 0%, 100% { transform: translateY(0); }
85
- 50% { transform: translateY(-6px); }
86
- `,v=a.keyframes`
87
- 0%, 100% { transform: translateY(0) rotate(0deg); }
88
- 40% { transform: translateY(-20px) rotate(-5deg); }
89
- 60% { transform: translateY(-10px) rotate(5deg); }
90
- `,S=a.keyframes`
91
- 0%, 100% { transform: scale(1, 1); }
92
- 30% { transform: scale(1.25, 0.75); }
93
- 40% { transform: scale(0.75, 1.25); }
94
- 50% { transform: scale(1.15, 0.85); }
95
- 65% { transform: scale(0.95, 1.05); }
96
- 75% { transform: scale(1.05, 0.95); }
97
- `,B=a.keyframes`
98
- 0%, 100% { transform: translateX(0); }
99
- 30% { transform: translateX(-20px); }
100
- 60% { transform: translateX(15px); }
101
- `,z=a.keyframes`
102
- 0%, 100% { transform: translate(0,0); }
103
- 30% { transform: translate(-15px,-20px); }
104
- 60% { transform: translate(12px,15px); }
105
- `,L=a.keyframes`
106
- 0% { transform: translateY(0) rotateY(0deg); }
107
- 40% { transform: translateY(-25px) rotateY(180deg); }
108
- 70% { transform: translateY(-10px) rotateY(360deg); }
109
- 100% { transform: translateY(0) rotateY(360deg); }
110
- `,Z=a.keyframes`
111
- 0% { opacity: 0; transform: translateY(0); }
112
- 40% { opacity: 1; transform: translateY(-20px); }
113
- 70% { transform: translateY(-10px); }
114
- 100% { opacity: 0; transform: translateY(0); }
115
- `,j=a.keyframes`
116
- 0% { transform: translateY(0); }
117
- 20% { transform: translateY(-25px) rotate(-5deg); }
118
- 40% { transform: translateY(15px) rotate(5deg); }
119
- 60% { transform: translateY(-20px) rotate(-8deg); }
120
- 80% { transform: translateY(10px) rotate(6deg); }
121
- 100% { transform: translateY(0) rotate(0); }
122
- `,D=a.keyframes`
123
- 0%, 100% { transform: translateY(0); box-shadow: 0 0 0px rgba(255, 255, 0, 0); }
124
- 40% { transform: translateY(-20px); box-shadow: 0 0 20px rgba(255, 255, 0, 0.8); }
125
- 60% { transform: translateY(-10px); box-shadow: 0 0 10px rgba(255, 255, 0, 0.6); }
126
- `,C=a.keyframes`
127
- 0% { opacity: 0; transform: scale(0.5) translateY(0); }
128
- 40% { opacity: 1; transform: scale(1.2) translateY(-25px); }
129
- 70% { opacity: 0.8; transform: scale(0.9) translateY(-10px); }
130
- 100% { opacity: 0; transform: scale(0.5) translateY(0); }
131
- `,q=a.keyframes`
132
- 0% { transform: translateY(0) scale(1); filter: brightness(1); }
133
- 30% { transform: translateY(-20px) scale(1.2); filter: brightness(1.6); }
134
- 60% { transform: translateY(-10px) scale(0.9); filter: brightness(1.2); }
135
- 100% { transform: translateY(0) scale(1); filter: brightness(1); }
136
- `,P=a.keyframes`
137
- 0% { transform: translateY(0); color: red; }
138
- 25% { transform: translateY(-20px); color: orange; }
139
- 50% { transform: translateY(-10px); color: yellow; }
140
- 75% { transform: translateY(-15px); color: green; }
141
- 100% { transform: translateY(0); color: blue; }
142
- `,G={bounce:O,bounceIn:T,bounceOut:I,bounceElastic:F,bounceSmall:R,bounceRotate:v,bounceJelly:S,bounceSide:B,bounceDiagonal:z,bounceFlip:L,bounceFade:Z,bounceCrazy:j,bounceGlow:D,bounceFadeScale:C,bounceSparkle:q,bounceRainbow:P},N=a.keyframes`
143
- from { opacity: 0; }
144
- to { opacity: 1; }
145
- `,$=a.keyframes`
146
- from { opacity: 1; }
147
- to { opacity: 0; }
148
- `,M=a.keyframes`
149
- from { opacity: 0; transform: translateX(-100%); }
150
- to { opacity: 1; transform: translateX(0); }
151
- `,W=a.keyframes`
152
- from { opacity: 0; transform: translateX(100%); }
153
- to { opacity: 1; transform: translateX(0); }
154
- `,U=a.keyframes`
155
- from { opacity: 0; transform: translateY(-100%); }
156
- to { opacity: 1; transform: translateY(0); }
157
- `,A=a.keyframes`
158
- from { opacity: 0; transform: translateY(100%); }
159
- to { opacity: 1; transform: translateY(0); }
160
- `,E=a.keyframes`
161
- from { opacity: 1; transform: translateX(0); }
162
- to { opacity: 0; transform: translateX(-100%); }
163
- `,H=a.keyframes`
164
- from { opacity: 1; transform: translateX(0); }
165
- to { opacity: 0; transform: translateX(100%); }
166
- `,V=a.keyframes`
167
- from { opacity: 1; transform: translateY(0); }
168
- to { opacity: 0; transform: translateY(-100%); }
169
- `,J=a.keyframes`
170
- from { opacity: 1; transform: translateY(0); }
171
- to { opacity: 0; transform: translateY(100%); }
172
- `,Q=a.keyframes`
173
- from { opacity: 0; transform: scale(0.5); }
174
- to { opacity: 1; transform: scale(1); }
175
- `,_=a.keyframes`
176
- from { opacity: 1; transform: scale(1); }
177
- to { opacity: 0; transform: scale(0.5); }
178
- `,K=a.keyframes`
179
- from { opacity: 0; transform: rotate(-45deg); }
180
- to { opacity: 1; transform: rotate(0); }
181
- `,tt=a.keyframes`
182
- from { opacity: 1; transform: rotate(0); }
183
- to { opacity: 0; transform: rotate(45deg); }
184
- `,rt=a.keyframes`
185
- from { opacity: 0; transform: skewX(-30deg); }
186
- to { opacity: 1; transform: skewX(0); }
187
- `,at=a.keyframes`
188
- from { opacity: 1; transform: skewX(0); }
189
- to { opacity: 0; transform: skewX(30deg); }
190
- `,et=a.keyframes`
191
- from { opacity: 0; transform: rotateX(90deg); }
192
- to { opacity: 1; transform: rotateX(0); }
193
- `,ot=a.keyframes`
194
- from { opacity: 1; transform: rotateX(0); }
195
- to { opacity: 0; transform: rotateX(-90deg); }
196
- `,st=a.keyframes`
197
- from { opacity: 0; transform: rotateY(90deg); }
198
- to { opacity: 1; transform: rotateY(0); }
199
- `,nt=a.keyframes`
200
- from { opacity: 1; transform: rotateY(0); }
201
- to { opacity: 0; transform: rotateY(-90deg); }
202
- `,ft=a.keyframes`
203
- from { opacity: 0; transform: perspective(400px) translateZ(-200px); }
204
- to { opacity: 1; transform: perspective(400px) translateZ(0); }
205
- `,mt=a.keyframes`
206
- from { opacity: 1; transform: perspective(400px) translateZ(0); }
207
- to { opacity: 0; transform: perspective(400px) translateZ(-200px); }
208
- `,lt=a.keyframes`
209
- from { opacity: 0; filter: blur(10px); }
210
- to { opacity: 1; filter: blur(0); }
211
- `,it=a.keyframes`
212
- from { opacity: 1; filter: blur(0); }
213
- to { opacity: 0; filter: blur(10px); }
214
- `,pt=a.keyframes`
215
- from { opacity: 0; filter: hue-rotate(180deg); }
216
- to { opacity: 1; filter: hue-rotate(0); }
217
- `,ct=a.keyframes`
218
- from { opacity: 1; filter: hue-rotate(0); }
219
- to { opacity: 0; filter: hue-rotate(180deg); }
220
- `,dt=a.keyframes`
221
- 0%, 100% { opacity: 0.4; transform: scale(1); }
222
- 50% { opacity: 1; transform: scale(1.05); }
223
- `,yt=a.keyframes`
224
- 0% { opacity: 0; transform: translateY(20px); }
225
- 50% { opacity: 1; transform: translateY(-10px); }
226
- 70% { transform: translateY(5px); }
227
- 100% { transform: translateY(0); }
228
- `,gt=a.keyframes`
229
- 0% { opacity: 0; transform: rotate(15deg); }
230
- 50% { opacity: 1; transform: rotate(-15deg); }
231
- 100% { opacity: 1; transform: rotate(0deg); }
232
- `,ut=a.keyframes`
233
- from { opacity: 0; transform: scale(0.5) rotate(-180deg); }
234
- to { opacity: 1; transform: scale(1) rotate(0); }
235
- `,xt=a.keyframes`
236
- 0% { opacity: 0; transform: scale(0.5); }
237
- 60% { opacity: 1; transform: scale(1.2); }
238
- 80% { transform: scale(0.9); }
239
- 100% { transform: scale(1); }
240
- `,kt=a.keyframes`
241
- 0% { opacity: 0; background-position: -200%; }
242
- 100% { opacity: 1; background-position: 200%; }
243
- `,ht={fadeIn:N,fadeOut:$,fadeInFromLeft:M,fadeInFromRight:W,fadeInFromTop:U,fadeInFromBottom:A,fadeOutToLeft:E,fadeOutToRight:H,fadeOutToTop:V,fadeOutToBottom:J,fadeInZoom:Q,fadeOutZoom:_,fadeInRotate:K,fadeOutRotate:tt,fadeInSkew:rt,fadeOutSkew:at,fadeInFlipX:et,fadeOutFlipX:ot,fadeInFlipY:st,fadeOutFlipY:nt,fadeInPerspective:ft,fadeOutPerspective:mt,fadeInBlur:lt,fadeOutBlur:it,fadeInColor:pt,fadeOutColor:ct,fadePulse:dt,fadeBounce:yt,fadeSwing:gt,fadeZoomRotate:ut,fadeElastic:xt,fadeShine:kt},Yt=a.keyframes`
244
- 0%, 50%, 100% { opacity: 1; }
245
- 25%, 75% { opacity: 0; }
246
- `,Xt=a.keyframes`
247
- 0%, 40%, 80% { opacity: 1; }
248
- 20%, 60%, 100% { opacity: 0; }
249
- `,bt=a.keyframes`
250
- 0%, 100% { opacity: 1; }
251
- 50% { opacity: 0; }
252
- `,wt=a.keyframes`
253
- 0% { opacity: 1; }
254
- 45% { opacity: 0; }
255
- 55% { opacity: 0; }
256
- 100% { opacity: 1; }
257
- `,Ot=a.keyframes`
258
- 0%, 100% { opacity: 1; }
259
- 50% { opacity: 0.3; }
260
- `,Tt=a.keyframes`
261
- 0%, 100% { opacity: 1; transform: scale(1); }
262
- 50% { opacity: 0.4; transform: scale(1.05); }
263
- `,It=a.keyframes`
264
- 0%, 100% { opacity: 1; filter: hue-rotate(0deg); }
265
- 50% { opacity: 0.2; filter: hue-rotate(180deg); }
266
- `,Ft=a.keyframes`
267
- 0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
268
- 10%, 30%, 50%, 70%, 90% { opacity: 0; }
269
- `,Rt=a.keyframes`
270
- 0% { opacity: 1; }
271
- 50% { opacity: 0.6; }
272
- 100% { opacity: 1; }
273
- `,vt=a.keyframes`
274
- 0%, 100% { opacity: 0.3; }
275
- 50% { opacity: 1; }
276
- `,St={flash:Yt,flashIrregular:Xt,flashFast:bt,flashSlow:wt,flashPulse:Ot,flashGlow:Tt,flashColor:It,flashStrobe:Ft,flashSoft:Rt,flashReversePulse:vt},Bt=a.keyframes`from{transform:rotateY(0)}to{transform:rotateY(180deg)}`,zt=a.keyframes`
277
- from { transform: rotateY(-90deg); }
278
- to { transform: rotateY(0); }
279
- `,Lt=a.keyframes`
280
- from { transform: rotateY(90deg); }
281
- to { transform: rotateY(0); }
282
- `,Zt=a.keyframes`
283
- from { transform: rotateY(0); }
284
- to { transform: rotateY(-90deg); }
285
- `,jt=a.keyframes`
286
- from { transform: rotateY(0); }
287
- to { transform: rotateY(90deg); }
288
- `,Dt=a.keyframes`
289
- from { transform: rotateX(-90deg); }
290
- to { transform: rotateX(0); }
291
- `,Ct=a.keyframes`
292
- from { transform: rotateX(0); }
293
- to { transform: rotateX(-90deg); }
294
- `,qt=a.keyframes`
295
- from { transform: rotateX(90deg); }
296
- to { transform: rotateX(0); }
297
- `,Pt=a.keyframes`
298
- from { transform: rotateX(0); }
299
- to { transform: rotateX(90deg); }
300
- `,Gt=a.keyframes`
301
- 0% { transform: perspective(1000px) rotateX(360deg); transform-origin: center; }
302
- 100% { transform: perspective(1000px) rotateX(0deg); transform-origin: center; }
303
- `,Nt={flip:Bt,flipIn:a.keyframes`
304
- 0% { transform: rotateX(180deg); opacity: 0; }
305
- 35% { transform: rotateX(120deg); opacity: 0; }
306
- 65% { opacity: 0; }
307
- 100% { transform: rotateX(360deg); opacity: 1; }
308
- `,flipOut:a.keyframes`
309
- 0% { transform: rotateX(0deg); opacity: 1; }
310
- 35% { transform: rotateX(-40deg); opacity: 1; }
311
- 65% { opacity: 0; }
312
- 100% { transform: rotateX(180deg); opacity: 0; }
313
- `,flipSlowDown:a.keyframes`
314
- 0% { transform: rotateX(0deg); }
315
- 5% { transform: rotateX(1turn); }
316
- 10% { transform: rotateX(2turn); }
317
- 20% { transform: rotateX(3turn); }
318
- 40% { transform: rotateX(4turn); }
319
- 70%,100% { transform: rotateX(5turn); }
320
- `,flipToLeft:Zt,flipToRight:jt,flipFromTop:Dt,flipToTop:Ct,flipToBottom:Pt,flipFromBottom:qt,flipFromLeftToCenter:zt,flipFromRightToCenter:Lt,flipRich:Gt,flipToTopRich:a.keyframes`
321
- from { transform: rotateX(-90deg); transform-origin: center top; opacity: 1; }
322
- to { transform: rotateX(90deg); transform-origin: center top; opacity: 0; }
323
- `,flipToBottomRich:a.keyframes`
324
- from { opacity: 1; transform-origin: 0% 0%; transform: rotateX(0deg) translateY(0); }
325
- to { opacity: 0; transform-origin: 0% 0%; transform: rotateX(-90deg) translateY(50px); }
326
- `,flipToTopLeftRich:a.keyframes`
327
- from {
328
- opacity: 1;
329
- transform-origin: top left;
330
- transform: rotateX(0deg) rotateY(0deg);
331
- }
332
- to {
333
- opacity: 0;
334
- transform-origin: top left;
335
- transform: rotateX(-90deg) rotateY(-90deg);
336
- }
337
- `,flipToRightRich:a.keyframes`
338
- from {
339
- opacity: 1;
340
- transform-origin: center right;
341
- transform: rotateY(0deg);
342
- }
343
- to {
344
- opacity: 0;
345
- transform-origin: center right;
346
- transform: rotateY(90deg);
347
- }
348
- `,flipFromTopRich:a.keyframes`
349
- from { opacity: 0; transform-origin: 0% 0%; transform: rotateX(90deg); }
350
- to { opacity: 1; transform-origin: 0% 0%; transform: rotateX(0deg); }
351
- `,flipFromBottomRich:a.keyframes`
352
- from { transform: rotateX(-90deg); transform-origin: 50% 0; opacity: 0; }
353
- to { transform: rotateX(0deg); transform-origin: 50% 0; opacity: 1; }
354
- `,flipFromLeftToCenterRich:a.keyframes`
355
- 0% { transform: rotateY(-95deg) translateX(-200px); transform-origin: left; }
356
- 100% { transform: rotateY(0deg); transform-origin: left; }
357
- `,flipFromRightToCenterRich:a.keyframes`
358
- 0% { transform: rotateY(95deg) translateX(200px); transform-origin: right; }
359
- 100% { transform: rotateY(0deg); transform-origin: right; }
360
- `},$t={float:a.keyframes`
361
- 0%, 100% { transform: translateY(0); }
362
- 50% { transform: translateY(-10px); }
363
- `,floatSway:a.keyframes`
364
- 0% { transform: translate(2%, -10%) rotate(-1deg); }
365
- 100% { transform: translate(-2%, 5%) rotate(3deg); }
366
- `,floatHorizontal:a.keyframes`
367
- 0%, 100% { transform: translateX(0); }
368
- 50% { transform: translateX(12px); }
369
- `,floatCircular:a.keyframes`
370
- 0% { transform: translate(0, 0); }
371
- 25% { transform: translate(8px, -8px); }
372
- 50% { transform: translate(0, -12px); }
373
- 75% { transform: translate(-8px, -8px); }
374
- 100% { transform: translate(0, 0); }
375
- `,floatWiggle:a.keyframes`
376
- 0%, 100% { transform: rotate(0deg); }
377
- 25% { transform: rotate(2deg); }
378
- 50% { transform: rotate(-2deg); }
379
- 75% { transform: rotate(1deg); }
380
- `,floatPulse:a.keyframes`
381
- 0%, 100% { transform: translateY(0) scale(1); }
382
- 50% { transform: translateY(-8px) scale(1.05); }
383
- `,floatDiagonal:a.keyframes`
384
- 0%, 100% { transform: translate(0, 0); }
385
- 50% { transform: translate(10px, -10px); }
386
- `,floatSwing:a.keyframes`
387
- 0%, 100% { transform: rotate(0deg) translateY(0); }
388
- 25% { transform: rotate(3deg) translateY(-5px); }
389
- 50% { transform: rotate(-3deg) translateY(-10px); }
390
- 75% { transform: rotate(2deg) translateY(-5px); }
391
- `,floatWave:a.keyframes`
392
- 0% { transform: translate(0, 0); }
393
- 25% { transform: translate(8px, -6px); }
394
- 50% { transform: translate(0, -12px); }
395
- 75% { transform: translate(-8px, -6px); }
396
- 100% { transform: translate(0, 0); }
397
- `,floatDrift:a.keyframes`
398
- 0% { transform: translate(0, 0) rotate(0deg); }
399
- 25% { transform: translate(6px, -4px) rotate(1deg); }
400
- 50% { transform: translate(-4px, -8px) rotate(-1deg); }
401
- 75% { transform: translate(-6px, 6px) rotate(2deg); }
402
- 100% { transform: translate(0, 0) rotate(0deg); }
403
- `},Mt={fold:a.keyframes`from { transform: scaleY(1); } to { transform: scaleY(0); }`,unfold:a.keyframes`from { transform: scaleY(0); } to { transform: scaleY(1); }`,foldDeep:a.keyframes`
404
- 0% { transform: scale3d(1, 1, 1); }
405
- 30% { transform: scale3d(1, 0.4, 1); }
406
- 60% { transform: scale3d(0.4, 0.4, 1); }
407
- 100% { opacity: 0; transform: scale3d(0.2, 0.2, 0.2); }
408
- `,unfoldDeep:a.keyframes`
409
- 0% { opacity: 0; transform: scale3d(0, 0, 0); }
410
- 30% { opacity: 1; transform: scale3d(0.4, 0.4, 1); }
411
- 60% { transform: scale3d(0.4, 1, 1); }
412
- 100% { transform: scale3d(1, 1, 1); }
413
- `,foldLeft:a.keyframes`
414
- from { transform: perspective(400px) rotateY(0); opacity: 1; }
415
- to { transform: perspective(400px) rotateY(-90deg); opacity: 0; }
416
- `,unfoldLeft:a.keyframes`
417
- from { transform: perspective(400px) rotateY(-90deg); opacity: 0; }
418
- to { transform: perspective(400px) rotateY(0); opacity: 1; }
419
- `,foldRight:a.keyframes`
420
- from { transform: perspective(400px) rotateY(0); opacity: 1; }
421
- to { transform: perspective(400px) rotateY(90deg); opacity: 0; }
422
- `,unfoldRight:a.keyframes`
423
- from { transform: perspective(400px) rotateY(90deg); opacity: 0; }
424
- to { transform: perspective(400px) rotateY(0); opacity: 1; }
425
- `,foldUp:a.keyframes`
426
- from { transform: perspective(400px) rotateX(0); opacity: 1; }
427
- to { transform: perspective(400px) rotateX(-90deg); opacity: 0; }
428
- `,unfoldUp:a.keyframes`
429
- from { transform: perspective(400px) rotateX(-90deg); opacity: 0; }
430
- to { transform: perspective(400px) rotateX(0); opacity: 1; }
431
- `,foldDown:a.keyframes`
432
- from { transform: perspective(400px) rotateX(0); opacity: 1; }
433
- to { transform: perspective(400px) rotateX(90deg); opacity: 0; }
434
- `,unfoldDown:a.keyframes`
435
- from { transform: perspective(400px) rotateX(90deg); opacity: 0; }
436
- to { transform: perspective(400px) rotateX(0); opacity: 1; }
437
- `},Wt={heartBeat:a.keyframes`
438
- 0%, 28%, 70%, 100% { transform: scale(1); }
439
- 14%, 42% { transform: scale(1.3); }
440
- `,tada:a.keyframes`
441
- from { transform: scale3d(1, 1, 1); }
442
- 10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg); }
443
- 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
444
- 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
445
- to { transform: scale3d(1, 1, 1); }
446
- `,hinge:a.keyframes`
447
- 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
448
- 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
449
- 40%, 80% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
450
- 100% { transform: translateY(700px); opacity: 0; }
451
- `,lightSpeedInLeft:a.keyframes`
452
- from { transform: translateX(-100%) skewX(30deg); opacity: 0; }
453
- 60% { transform: skewX(-20deg); opacity: 1; }
454
- 80% { transform: skewX(5deg); }
455
- to { transform: none; }
456
- `,lightSpeedOutRight:a.keyframes`
457
- from { opacity: 1; }
458
- to { transform: translateX(100%) skewX(-30deg); opacity: 0; }
459
- `},Ut={glow:a.keyframes`
460
- 0% { box-shadow: 0 0 5px #ff00de; }
461
- 50% { box-shadow: 0 0 20px #ff00de; }
462
- 100% { box-shadow: 0 0 5px #ff00de; }
463
- `,glowTextFlicker:a.keyframes`
464
- 0% { color: inherit; text-shadow: none; }
465
- 2%, 59%, 64%, 79% { color: #fff; }
466
- 3%, 59%, 63%, 78% {
467
- text-shadow:
468
- 0px 0px 60px,
469
- 0 0 22px,
470
- 0 0 1em inherit,
471
- 0 0 0.5em inherit,
472
- 0 0 .1em inherit,
473
- 0 10px 3px #000;
474
- }
475
- 60%, 75% { color: inherit; text-shadow: none; }
476
- `,glowRainbow:a.keyframes`
477
- 0% { filter: hue-rotate(0deg); }
478
- 100% { filter: hue-rotate(360deg); }
479
- `,glowBreathing:a.keyframes`
480
- 0%, 100% { text-shadow: 0 0 5px #00f, 0 0 10px #00f; }
481
- 50% { text-shadow: 0 0 20px #00f, 0 0 40px #00f; }
482
- `,glowGlitch:a.keyframes`
483
- 0%, 100% { text-shadow: 0 0 5px #0ff, 0 0 10px #0ff; }
484
- 10% { text-shadow: none; }
485
- 20% { text-shadow: 0 0 15px #f0f, 0 0 30px #f0f; }
486
- 30% { text-shadow: none; }
487
- 40% { text-shadow: 0 0 25px #ff0, 0 0 50px #ff0; }
488
- 60% { text-shadow: none; }
489
- 80% { text-shadow: 0 0 15px #0ff, 0 0 35px #0ff; }
490
- `},At={hangOnLeft:a.keyframes`
491
- from { transform: rotate(0deg); }
492
- to { transform: rotate(-20deg); }
493
- `,hangOnRight:a.keyframes`
494
- from { transform: rotate(0deg); }
495
- to { transform: rotate(20deg); }
496
- `,hangOnTop:a.keyframes`
497
- from { transform: rotate(0deg); }
498
- to { transform: rotate(20deg); transform-origin: top; }
499
- `,hangOnBottom:a.keyframes`
500
- from { transform: rotate(0deg); }
501
- to { transform: rotate(-20deg); transform-origin: bottom; }
502
- `,hangOnLeftSwing:a.keyframes`
503
- 0% { transform-origin: left; transform: rotate(0deg); }
504
- 30% { transform: rotate(110deg); }
505
- 50% { transform: rotate(75deg); }
506
- 65% { transform: rotate(100deg); }
507
- 78% { transform: rotate(80deg); }
508
- 88% { transform: rotate(95deg); }
509
- 95% { transform: rotate(86deg); }
510
- 100% { transform: rotate(90deg); }
511
- `,hangOnRightSwing:a.keyframes`
512
- 0% { transform-origin: right; transform: rotate(0deg); }
513
- 30% { transform: rotate(-110deg); }
514
- 50% { transform: rotate(-75deg); }
515
- 65% { transform: rotate(-100deg); }
516
- 78% { transform: rotate(-80deg); }
517
- 88% { transform: rotate(-95deg); }
518
- 95% { transform: rotate(-86deg); }
519
- 100% { transform: rotate(-90deg); }
520
- `,hangOnTopSwing:a.keyframes`
521
- 0% { transform-origin: top; transform: rotate(0deg); }
522
- 30% { transform: rotate(-110deg); }
523
- 50% { transform: rotate(-75deg); }
524
- 65% { transform: rotate(-100deg); }
525
- 78% { transform: rotate(-80deg); }
526
- 88% { transform: rotate(-95deg); }
527
- 95% { transform: rotate(-86deg); }
528
- 100% { transform: rotate(-90deg); }
529
- `,hangOnBottomSwing:a.keyframes`
530
- 0% { transform-origin: bottom; transform: rotate(0deg); }
531
- 30% { transform: rotate(110deg); }
532
- 50% { transform: rotate(75deg); }
533
- 65% { transform: rotate(100deg); }
534
- 78% { transform: rotate(80deg); }
535
- 88% { transform: rotate(95deg); }
536
- 95% { transform: rotate(86deg); }
537
- 100% { transform: rotate(90deg); }
538
- `,hangOnOscillate:a.keyframes`
539
- 0% { transform: rotate(0deg); }
540
- 25% { transform: rotate(15deg); }
541
- 50% { transform: rotate(-15deg); }
542
- 75% { transform: rotate(10deg); }
543
- 100% { transform: rotate(0deg); }
544
- `,hangOnDrop:a.keyframes`
545
- 0% { transform-origin: top; transform: rotate(0deg); opacity: 1; }
546
- 20% { transform: rotate(30deg); opacity: 1; }
547
- 40% { transform: rotate(-30deg); opacity: 1; }
548
- 60% { transform: rotate(15deg); opacity: 1; }
549
- 80% { transform: rotate(-15deg); opacity: 1; }
550
- 100% { transform: rotate(90deg) translateY(200%); opacity: 0; }
551
- `},Et={jelly:a.keyframes`
552
- 0%, 100% { transform: scale(1, 1); }
553
- 25% { transform: scale(0.9, 1.1); }
554
- 50% { transform: scale(1.1, 0.9); }
555
- 75% { transform: scale(0.95, 1.05); }
556
- `,jellyX:a.keyframes`
557
- 0% { transform: scaleX(1); }
558
- 20% { transform: scaleX(0.9); }
559
- 50% { transform: scaleX(1.25); }
560
- 85% { transform: scaleX(0.8); }
561
- 100% { transform: scaleX(1); }
562
- `,jellyY:a.keyframes`
563
- 0% { transform: scaleY(1); }
564
- 20% { transform: scaleY(0.9); }
565
- 50% { transform: scaleY(1.25); }
566
- 85% { transform: scaleY(0.8); }
567
- 100% { transform: scaleY(1); }
568
- `,jellyIn:a.keyframes`
569
- 0% { transform: scale(0.5); opacity: 0; }
570
- 50% { transform: scale(1.2); opacity: 1; }
571
- 70% { transform: scale(0.9); }
572
- 100% { transform: scale(1); }
573
- `,jellyOut:a.keyframes`
574
- 0% { transform: scale(1); opacity: 1; }
575
- 20% { transform: scale(1.1); }
576
- 50% { transform: scale(0.5); opacity: 0.5; }
577
- 100% { transform: scale(0); opacity: 0; }
578
- `},Ht={shadow:a.keyframes`
579
- 0%, 100% { box-shadow: none; }
580
- 50% { box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
581
- `,shadowText:a.keyframes`
582
- 0% { text-shadow: 1px 1px 0px #333; }
583
- 50% { text-shadow: 3px 3px 2px #333; }
584
- 100% { text-shadow: 9px 10px 6px #999; }
585
- `,shadowPulse:a.keyframes`
586
- 0%, 100% { box-shadow: 0 0 5px rgba(0,0,0,0.2); }
587
- 50% { box-shadow: 0 0 25px rgba(0,0,0,0.4); }
588
- `,shadowNeon:a.keyframes`
589
- 0%, 100% { text-shadow: 0 0 5px #0ff, 0 0 10px #0ff; }
590
- 50% { text-shadow: 0 0 20px #0ff, 0 0 40px #0ff; }
591
- `,spin:a.keyframes`
592
- from { transform: rotate(0deg); }
593
- to { transform: rotate(360deg); }
594
- `,spin3D:a.keyframes`
595
- from { transform: rotateY(0deg); }
596
- to { transform: rotateY(-360deg); }
597
- `,spinX:a.keyframes`
598
- from { transform: rotateX(0deg); }
599
- to { transform: rotateX(360deg); }
600
- `,spinBounce:a.keyframes`
601
- 0% { transform: rotateZ(0deg) scale(1); }
602
- 50% { transform: rotateZ(180deg) scale(1.2); }
603
- 100% { transform: rotateZ(360deg) scale(1); }
604
- `,swing:a.keyframes`
605
- 20% { transform: rotate(15deg); }
606
- 40% { transform: rotate(-10deg); }
607
- 60% { transform: rotate(5deg); }
608
- 80% { transform: rotate(-5deg); }
609
- 100% { transform: rotate(0deg); }
610
- `,swingPivot:a.keyframes`
611
- 0% { transform: rotateZ(0deg); transform-origin: center top; }
612
- 20% { transform: rotateZ(15deg); transform-origin: center top; }
613
- 40% { transform: rotateZ(-15deg); transform-origin: center top; }
614
- 60% { transform: rotateZ(7deg); transform-origin: center top; }
615
- 80% { transform: rotateZ(-7deg); transform-origin: center top; }
616
- 100% { transform: rotateZ(0deg); transform-origin: center top; }
617
- `,swingX:a.keyframes`
618
- 15% { transform: translateX(-25%) rotate(-5deg); }
619
- 30% { transform: translateX(20%) rotate(3deg); }
620
- 45% { transform: translateX(-15%) rotate(-3deg); }
621
- 60% { transform: translateX(10%) rotate(2deg); }
622
- 75% { transform: translateX(-5%) rotate(-1deg); }
623
- 100% { transform: translateX(0); }
624
- `,swingY:a.keyframes`
625
- 15% { transform: translateY(-25%) rotate(-3deg); }
626
- 30% { transform: translateY(20%) rotate(2deg); }
627
- 45% { transform: translateY(-15%) rotate(-2deg); }
628
- 60% { transform: translateY(10%) rotate(1deg); }
629
- 75% { transform: translateY(-5%) rotate(-1deg); }
630
- 100% { transform: translateY(0); }
631
- `,orbit:a.keyframes`
632
- from { transform: rotate(0deg) translateX(20px) rotate(0deg); }
633
- to { transform: rotate(360deg) translateX(20px) rotate(-360deg); }
634
- `,orbitEllipse:a.keyframes`
635
- from { transform: rotate(0deg) translateX(30px) translateY(10px) rotate(0deg); }
636
- to { transform: rotate(360deg) translateX(30px) translateY(10px) rotate(-360deg); }
637
- `},Vt={popIn:a.keyframes`
638
- from { opacity: 0; transform: scale3d(0.5,0.5,0.5); }
639
- to { opacity: 1; transform: scale3d(1,1,1); }
640
- `,popOut:a.keyframes`
641
- from { opacity: 1; transform: scale3d(1,1,1); }
642
- to { opacity: 0; transform: scale3d(0.5,0.5,0.5); }
643
- `,popBounceIn:a.keyframes`
644
- 0% { opacity: 0; transform: scale3d(0.3,0.3,0.3); }
645
- 50% { opacity: 1; transform: scale3d(1.05,1.05,1.05); }
646
- 70% { transform: scale3d(0.9,0.9,0.9); }
647
- 100% { transform: scale3d(1,1,1); }
648
- `,popBounceOut:a.keyframes`
649
- 20% { transform: scale3d(0.9,0.9,0.9); }
650
- 50%,55% { opacity:1; transform: scale3d(1.1,1.1,1.1); }
651
- to { opacity:0; transform: scale3d(0.3,0.3,0.3); }
652
- `,popUpIn:a.keyframes`
653
- from { opacity:0; transform: translateY(50%) scale3d(0.5,0.5,0.5); }
654
- to { opacity:1; transform: translateY(0) scale3d(1,1,1); }
655
- `,popUpOut:a.keyframes`
656
- from { opacity:1; transform: translateY(0) scale3d(1,1,1); }
657
- to { opacity:0; transform: translateY(-50%) scale3d(0.5,0.5,0.5); }
658
- `,popRotateIn:a.keyframes`
659
- from { opacity:0; transform: scale3d(0.5,0.5,0.5) rotate(-45deg); }
660
- to { opacity:1; transform: scale3d(1,1,1) rotate(0deg); }
661
- `,popRotateOut:a.keyframes`
662
- from { opacity:1; transform: scale3d(1,1,1) rotate(0deg); }
663
- to { opacity:0; transform: scale3d(0.5,0.5,0.5) rotate(45deg); }
664
- `,popBlurIn:a.keyframes`
665
- from { opacity:0; transform: scale3d(0.5,0.5,0.5); filter: blur(5px); }
666
- to { opacity:1; transform: scale3d(1,1,1); filter: blur(0); }
667
- `,popBlurOut:a.keyframes`
668
- from { opacity:1; transform: scale3d(1,1,1); filter: blur(0); }
669
- to { opacity:0; transform: scale3d(0.5,0.5,0.5); filter: blur(5px); }
670
- `,popLeftIn:a.keyframes`
671
- from { opacity: 0; transform: translateX(-50%) scale3d(0.5,0.5,0.5); }
672
- to { opacity: 1; transform: translateX(0) scale3d(1,1,1); }
673
- `,popLeftOut:a.keyframes`
674
- from { opacity:1; transform: translateX(0) scale3d(1,1,1); }
675
- to { opacity:0; transform: translateX(-50%) scale3d(0.5,0.5,0.5); }
676
- `,popRightIn:a.keyframes`
677
- from { opacity: 0; transform: translateX(50%) scale3d(0.5,0.5,0.5); }
678
- to { opacity: 1; transform: translateX(0) scale3d(1,1,1); }
679
- `,popRightOut:a.keyframes`
680
- from { opacity:1; transform: translateX(0) scale3d(1,1,1); }
681
- to { opacity:0; transform: translateX(50%) scale3d(0.5,0.5,0.5); }
682
- `},Jt={pulse:a.keyframes`
683
- from { transform: scale(1); }
684
- to { transform: scale(1.1); }
685
- `,pulseInOut:a.keyframes`
686
- 0% { transform: scale(1); }
687
- 50% { transform: scale(1.15); }
688
- 100% { transform: scale(1); }
689
- `,pulseFade:a.keyframes`
690
- 0%, 100% { transform: scale(1); opacity: 1; }
691
- 50% { transform: scale(1.2); opacity: 0.6; }
692
- `,pulseFast:a.keyframes`
693
- 0%, 100% { transform: scale(1); }
694
- 25% { transform: scale(1.2); }
695
- 75% { transform: scale(0.9); }
696
- `,pulseColor:a.keyframes`
697
- 0%, 100% { transform: scale(1); background-color: #ff69b4; }
698
- 50% { transform: scale(1.2); background-color: #ff1493; }
699
- `},Qt={rotateCW:a.keyframes`
700
- from {
701
- transform: rotateZ(0deg);
702
- transform-origin: center center;
703
- }
704
- to {
705
- transform: rotateZ(360deg);
706
- transform-origin: center center;
707
- }
708
- `,rotateACW:a.keyframes`
709
- from {
710
- transform: rotateZ(0deg);
711
- transform-origin: center center;
712
- }
713
- to {
714
- transform: rotateZ(-360deg);
715
- transform-origin: center center;
716
- }
717
- `,rotateSlowDown:a.keyframes`
718
- 0% { transform: rotateZ(0deg); transform-origin: center center; }
719
- 5% { transform: rotateZ(1turn); transform-origin: center center; }
720
- 10% { transform: rotateZ(2turn); transform-origin: center center; }
721
- 20% { transform: rotateZ(3turn); transform-origin: center center; }
722
- 40% { transform: rotateZ(4turn); transform-origin: center center; }
723
- 65%, 100% { transform: rotateZ(5turn); transform-origin: center center; }
724
- `,rotateX:a.keyframes`
725
- from { transform: rotateX(0deg); transform-origin: center center; }
726
- to { transform: rotateX(360deg); transform-origin: center center; }
727
- `,rotateY:a.keyframes`
728
- from { transform: rotateY(0deg); transform-origin: center center; }
729
- to { transform: rotateY(360deg); transform-origin: center center; }
730
- `,rotateFromLeft:a.keyframes`
731
- from { transform: rotateY(-90deg); transform-origin: left center; }
732
- to { transform: rotateY(0deg); transform-origin: left center; }
733
- `,rotateFromRight:a.keyframes`
734
- from { transform: rotateY(90deg); transform-origin: right center; }
735
- to { transform: rotateY(0deg); transform-origin: right center; }
736
- `,rotateToLeft:a.keyframes`
737
- from { transform: rotateY(0deg); transform-origin: center center; }
738
- to { transform: rotateY(-90deg); transform-origin: center center; }
739
- `,rotateToRight:a.keyframes`
740
- from { transform: rotateY(0deg); transform-origin: center center; }
741
- to { transform: rotateY(90deg); transform-origin: center center; }
742
- `,rotateFromTop:a.keyframes`
743
- from { transform: rotateX(-90deg); transform-origin: center top; }
744
- to { transform: rotateX(0deg); transform-origin: center top; }
745
- `,rotateFromBottom:a.keyframes`
746
- from { transform: rotateX(90deg); transform-origin: center bottom; }
747
- to { transform: rotateX(0deg); transform-origin: center bottom; }
748
- `,rotateToTop:a.keyframes`
749
- from { transform: rotateX(0deg); transform-origin: center top; }
750
- to { transform: rotateX(-90deg); transform-origin: center top; }
751
- `,rotateToBottom:a.keyframes`
752
- from { transform: rotateX(0deg); transform-origin: center bottom; }
753
- to { transform: rotateX(90deg); transform-origin: center bottom; }
754
- `},_t={slideInFromLeft:a.keyframes`
755
- from { transform: translateX(-100%); opacity: 0; }
756
- to { transform: translateX(0); opacity: 1; }
757
- `,slideInFromRight:a.keyframes`
758
- from { transform: translateX(100%); opacity: 0; }
759
- to { transform: translateX(0); opacity: 1; }
760
- `,slideOutToLeft:a.keyframes`
761
- from { transform: translateX(0); opacity: 1; }
762
- to { transform: translateX(-100%); opacity: 0; }
763
- `,slideOutToRight:a.keyframes`
764
- from { transform: translateX(0); opacity: 1; }
765
- to { transform: translateX(100%); opacity: 0; }
766
- `,slideInFromTop:a.keyframes`
767
- from { transform: translateY(-100%); opacity: 0; }
768
- to { transform: translateY(0); opacity: 1; }
769
- `,slideInFromBottom:a.keyframes`
770
- from { transform: translateY(100%); opacity: 0; }
771
- to { transform: translateY(0); opacity: 1; }
772
- `,slideOutToTop:a.keyframes`
773
- from { transform: translateY(0); opacity: 1; }
774
- to { transform: translateY(-100%); opacity: 0; }
775
- `,slideOutToBottom:a.keyframes`
776
- from { transform: translateY(0); opacity: 1; }
777
- to { transform: translateY(100%); opacity: 0; }
778
- `,slideInFromLeftOvershoot:a.keyframes`
779
- 0% { transform: translateX(-100%); opacity: 0; }
780
- 60% { transform: translateX(20%); opacity: 1; }
781
- 100% { transform: translateX(0); opacity: 1; }
782
- `,slideInFromRightOvershoot:a.keyframes`
783
- 0% { transform: translateX(100%); opacity: 0; }
784
- 60% { transform: translateX(-20%); opacity: 1; }
785
- 100% { transform: translateX(0); opacity: 1; }
786
- `,slideOutToLeftOvershoot:a.keyframes`
787
- 0% { transform: translateX(0); opacity: 1; }
788
- 60% { transform: translateX(-120%); opacity: 0; }
789
- 100% { transform: translateX(-100%); opacity: 0; }
790
- `,slideOutToRightOvershoot:a.keyframes`
791
- 0% { transform: translateX(0); opacity: 1; }
792
- 60% { transform: translateX(120%); opacity: 0; }
793
- 100% { transform: translateX(100%); opacity: 0; }
794
- `,slideInFromTopOvershoot:a.keyframes`
795
- 0% { transform: translateY(-100%); opacity: 0; }
796
- 60% { transform: translateY(20%); opacity: 1; }
797
- 100% { transform: translateY(0); opacity: 1; }
798
- `,slideInFromBottomOvershoot:a.keyframes`
799
- 0% { transform: translateY(100%); opacity: 0; }
800
- 60% { transform: translateY(-20%); opacity: 1; }
801
- 100% { transform: translateY(0); opacity: 1; }
802
- `,slideOutToTopOvershoot:a.keyframes`
803
- 0% { transform: translateY(0); opacity: 1; }
804
- 60% { transform: translateY(-120%); opacity: 0; }
805
- 100% { transform: translateY(-100%); opacity: 0; }
806
- `,slideOutToBottomOvershoot:a.keyframes`
807
- 0% { transform: translateY(0); opacity: 1; }
808
- 60% { transform: translateY(120%); opacity: 0; }
809
- 100% { transform: translateY(100%); opacity: 0; }
810
- `},Kt={squeezeMix:a.keyframes`
811
- 0% { transform: scale3d(1, 1, 1); }
812
- 15% { transform: scale3d(0.95, 0.95, 1); }
813
- 30% { transform: scale3d(0.9, 0.9, 1); }
814
- 55% { transform: scale3d(0.75, 0.75, 1); }
815
- 70% { transform: scale3d(1.3, 1.3, 1); }
816
- 85% { transform: scale3d(0.95, 0.95, 1); }
817
- 100% { transform: scale3d(1, 1, 1); }
818
- `,squeezeHorizontal:a.keyframes`
819
- 0% { transform: scaleX(1); }
820
- 15% { transform: scaleX(0.95); }
821
- 30% { transform: scaleX(0.9); }
822
- 55% { transform: scaleX(0.75); }
823
- 70% { transform: scaleX(1.3); }
824
- 85% { transform: scaleX(0.95); }
825
- 100% { transform: scaleX(1); }
826
- `,squeezeVertical:a.keyframes`
827
- 0% { transform: scaleY(1); }
828
- 15% { transform: scaleY(0.95); }
829
- 30% { transform: scaleY(0.9); }
830
- 55% { transform: scaleY(0.75); }
831
- 70% { transform: scaleY(1.3); }
832
- 85% { transform: scaleY(0.95); }
833
- 100% { transform: scaleY(1); }
834
- `,squeezeDiagonal:a.keyframes`
835
- 0% { transform: scale3d(1,1,1); }
836
- 25% { transform: scale3d(0.8,1.2,1); }
837
- 50% { transform: scale3d(1.1,0.9,1); }
838
- 75% { transform: scale3d(0.9,1.1,1); }
839
- 100% { transform: scale3d(1,1,1); }
840
- `,squeezePulse:a.keyframes`
841
- 0%,100% { transform: scale3d(1,1,1); }
842
- 25% { transform: scale3d(0.9,0.9,1); }
843
- 50% { transform: scale3d(1.1,1.1,1); }
844
- 75% { transform: scale3d(0.95,0.95,1); }
845
- `,squeezeBounce:a.keyframes`
846
- 0% { transform: scale3d(1,1,1); }
847
- 20% { transform: scale3d(0.7,0.7,1); }
848
- 50% { transform: scale3d(1.2,1.2,1); }
849
- 70% { transform: scale3d(0.9,0.9,1); }
850
- 100% { transform: scale3d(1,1,1); }
851
- `,squeezeElastic:a.keyframes`
852
- 0% { transform: scale3d(1,1,1); }
853
- 25% { transform: scale3d(0.8,1.2,1); }
854
- 50% { transform: scale3d(1.2,0.8,1); }
855
- 75% { transform: scale3d(0.9,1.1,1); }
856
- 100% { transform: scale3d(1,1,1); }
857
- `,squeezeFlash:a.keyframes`
858
- 0%,100% { transform: scale3d(1,1,1); opacity: 1; }
859
- 25% { transform: scale3d(0.8,0.8,1); opacity: 0.6; }
860
- 50% { transform: scale3d(1.2,1.2,1); opacity: 1; }
861
- 75% { transform: scale3d(0.9,0.9,1); opacity: 0.8; }
862
- `,shakeMix:a.keyframes`
863
- 0% { transform: translate3d(2px, 1px, 0) rotate(0deg); }
864
- 10% { transform: translate3d(-1px, -2px, 0) rotate(-1deg); }
865
- 20% { transform: translate3d(-3px, 0px, 0) rotate(1deg); }
866
- 30% { transform: translate3d(0px, 2px, 0) rotate(0deg); }
867
- 40% { transform: translate3d(1px, -1px, 0) rotate(1deg); }
868
- 50% { transform: translate3d(-1px, 2px, 0) rotate(-1deg); }
869
- 60% { transform: translate3d(-3px, 1px, 0) rotate(0deg); }
870
- 70% { transform: translate3d(2px, 1px, 0) rotate(-1deg); }
871
- 80% { transform: translate3d(-1px, -1px, 0) rotate(1deg); }
872
- 90% { transform: translate3d(2px, 2px, 0) rotate(0deg); }
873
- 100% { transform: translate3d(1px, -2px, 0) rotate(-1deg); }
874
- `,shakeHorizontal:a.keyframes`
875
- 0%, 100% { transform: translateX(0); }
876
- 10%, 30%, 50%, 70%, 90% { transform: translateX(6px); }
877
- 20%, 40%, 60%, 80% { transform: translateX(-4px); }
878
- `,shakeVertical:a.keyframes`
879
- 0%, 100% { transform: translateY(0); }
880
- 10%, 30%, 50%, 70%, 90% { transform: translateY(6px); }
881
- 20%, 40%, 60%, 80% { transform: translateY(-4px); }
882
- `,shakeDiagonal:a.keyframes`
883
- 0%,100% { transform: translate3d(0,0,0); }
884
- 20% { transform: translate3d(5px,5px,0); }
885
- 40% { transform: translate3d(-5px,-5px,0); }
886
- 60% { transform: translate3d(5px,-5px,0); }
887
- 80% { transform: translate3d(-5px,5px,0); }
888
- `,shakeQuick:a.keyframes`
889
- 0%,100% { transform: translate3d(0,0,0); }
890
- 10%,30%,50%,70%,90% { transform: translate3d(3px,0,0); }
891
- 20%,40%,60%,80% { transform: translate3d(-3px,0,0); }
892
- `,shakeRotate:a.keyframes`
893
- 0%,100% { transform: rotate(0deg); }
894
- 25% { transform: rotate(-5deg); }
895
- 50% { transform: rotate(5deg); }
896
- 75% { transform: rotate(-3deg); }
897
- `,shakeSkew:a.keyframes`
898
- 0%,100% { transform: skew(0deg, 0deg); }
899
- 20% { transform: skew(-10deg, -5deg); }
900
- 40% { transform: skew(8deg, 3deg); }
901
- 60% { transform: skew(-6deg, -3deg); }
902
- 80% { transform: skew(4deg, 2deg); }
903
- `,shakeBounce:a.keyframes`
904
- 0%,100% { transform: translateY(0); }
905
- 20% { transform: translateY(-6px); }
906
- 40% { transform: translateY(4px); }
907
- 60% { transform: translateY(-4px); }
908
- 80% { transform: translateY(2px); }
909
- `,shakeCrazy:a.keyframes`
910
- 0% { transform: translate(0,0) rotate(0deg); }
911
- 20% { transform: translate(-4px,3px) rotate(-3deg); }
912
- 40% { transform: translate(5px,-2px) rotate(4deg); }
913
- 60% { transform: translate(-3px,2px) rotate(-4deg); }
914
- 80% { transform: translate(3px,-3px) rotate(2deg); }
915
- 100% { transform: translate(0,0) rotate(0deg); }
916
- `,squeezeThenShakeX:a.keyframes`
917
- 0% { transform: scale3d(1,1,1); }
918
- 20% { transform: scale3d(0.7,0.7,1); }
919
- 40% { transform: scale3d(1.2,1.2,1); }
920
- 60% { transform: scale3d(0.9,0.9,1); }
921
- 70% { transform: translateX(0); }
922
- 80% { transform: translateX(-6px); }
923
- 90% { transform: translateX(6px); }
924
- 100% { transform: translateX(0); }
925
- `,shakeYThenSqueeze:a.keyframes`
926
- 0% { transform: translateY(0); }
927
- 20% { transform: translateY(-6px); }
928
- 40% { transform: translateY(6px); }
929
- 60% { transform: translateY(-3px); }
930
- 70% { transform: scale3d(0.7,0.7,1); }
931
- 85% { transform: scale3d(1.2,1.2,1); }
932
- 100% { transform: scale3d(1,1,1); }
933
- `,squeezeShakeCrazy:a.keyframes`
934
- 0% { transform: scale3d(1,1,1); }
935
- 20% { transform: scale3d(0.8,1.2,1); }
936
- 40% { transform: scale3d(1.2,0.8,1); }
937
- 50% { transform: translate(-4px,3px) rotate(-3deg); }
938
- 70% { transform: translate(5px,-2px) rotate(4deg); }
939
- 90% { transform: translate(-3px,2px) rotate(-4deg); }
940
- 100% { transform: scale3d(1,1,1) translate(0,0) rotate(0); }
941
- `},tr={...G,...{effect3D:a.keyframes`
942
- to {
943
- text-shadow:
944
- 0 1px 0 #ccc,
945
- 0 2px 0 #c9c9c9,
946
- 0 3px 0 #bbb,
947
- 0 4px 0 #b9b9b9,
948
- 0 5px 0 #aaa,
949
- 0 6px 1px rgba(0, 0, 0, .1),
950
- 0 0 5px rgba(0, 0, 0, .1),
951
- 0 1px 3px rgba(0, 0, 0, .3),
952
- 0 3px 5px rgba(0, 0, 0, .2),
953
- 0 5px 10px rgba(0, 0, 0, .25);
954
- }
955
- `,neonGlow:a.keyframes`
956
- from { text-shadow: none; }
957
- to {
958
- text-shadow:
959
- 0 0 5px #0ff,
960
- 0 0 10px #0ff,
961
- 0 0 20px #0ff,
962
- 0 0 40px #0ff,
963
- 0 0 80px #0ff;
964
- color: #fff;
965
- }
966
- `,retro3D:a.keyframes`
967
- to {
968
- text-shadow:
969
- 2px 2px 0 #ff0040,
970
- 4px 4px 0 #00ffd5,
971
- 6px 6px 0 #000;
972
- }
973
- `,emboss:a.keyframes`
974
- to {
975
- text-shadow:
976
- -1px -1px 1px #fff,
977
- 1px 1px 2px rgba(0,0,0,0.6);
978
- color: #555;
979
- }
980
- `,fireGlow:a.keyframes`
981
- 0%, 100% {
982
- text-shadow:
983
- 0 0 5px #ff6600,
984
- 0 0 10px #ff3300,
985
- 0 0 20px #ff0000;
986
- }
987
- 50% {
988
- text-shadow:
989
- 0 0 10px #ff9933,
990
- 0 0 20px #ff6600,
991
- 0 0 30px #ff3300;
992
- }
993
- `,iceGlow:a.keyframes`
994
- to {
995
- text-shadow:
996
- 0 0 5px #66ccff,
997
- 0 0 10px #33ccff,
998
- 0 0 20px #00aaff,
999
- 0 0 40px #0099ff;
1000
- color: #e6f9ff;
1001
- }
1002
- `,shine:a.keyframes`
1003
- 0% { background-position: -200%; }
1004
- 100% { background-position: 200%; }
1005
- `},...w,...St,...$t,...Ut,...Et,...Ht,...Jt,...ht,...Kt,..._t,...Nt,...Mt,...At,...{zoomIn:a.keyframes`
1006
- from { transform: scale(2); opacity: 0; }
1007
- to { transform: scale(1); opacity: 1; }
1008
- `,zoomOut:a.keyframes`
1009
- from { transform: scale(1); opacity: 1; }
1010
- to { transform: scale(2); opacity: 0; }
1011
- `,zoomInFromLeft:a.keyframes`
1012
- from { transform: scale(2) translateX(-100%); opacity: 0; }
1013
- to { transform: scale(1) translateX(0); opacity: 1; }
1014
- `,zoomInFromRight:a.keyframes`
1015
- from { transform: scale(2) translateX(100%); opacity: 0; }
1016
- to { transform: scale(1) translateX(0); opacity: 1; }
1017
- `,zoomInFromTop:a.keyframes`
1018
- from { transform: scale(2) translateY(-100%); opacity: 0; }
1019
- to { transform: scale(1) translateY(0); opacity: 1; }
1020
- `,zoomInFromBottom:a.keyframes`
1021
- from { transform: scale(2) translateY(100%); opacity: 0; }
1022
- to { transform: scale(1) translateY(0); opacity: 1; }
1023
- `,zoomOutToLeft:a.keyframes`
1024
- from { transform: scale(1) translateX(0); opacity: 1; }
1025
- to { transform: scale(2) translateX(-100%); opacity: 0; }
1026
- `,zoomOutToRight:a.keyframes`
1027
- from { transform: scale(1) translateX(0); opacity: 1; }
1028
- to { transform: scale(2) translateX(100%); opacity: 0; }
1029
- `,zoomOutToTop:a.keyframes`
1030
- from { transform: scale(1) translateY(0); opacity: 1; }
1031
- to { transform: scale(2) translateY(-100%); opacity: 0; }
1032
- `,zoomOutToBottom:a.keyframes`
1033
- from { transform: scale(1) translateY(0); opacity: 1; }
1034
- to { transform: scale(2) translateY(100%); opacity: 0; }
1035
- `,zoomInRotate:a.keyframes`
1036
- from { transform: scale(0) rotate(-180deg); opacity: 0; }
1037
- to { transform: scale(1) rotate(0deg); opacity: 1; }
1038
- `,zoomOutRotate:a.keyframes`
1039
- from { transform: scale(1) rotate(0deg); opacity: 1; }
1040
- to { transform: scale(0) rotate(180deg); opacity: 0; }
1041
- `,zoomInFlipX:a.keyframes`
1042
- from { transform: perspective(400px) scale(0.5) rotateX(90deg); opacity: 0; }
1043
- to { transform: perspective(400px) scale(1) rotateX(0deg); opacity: 1; }
1044
- `,zoomOutFlipX:a.keyframes`
1045
- from { transform: perspective(400px) scale(1) rotateX(0deg); opacity: 1; }
1046
- to { transform: perspective(400px) scale(0.5) rotateX(90deg); opacity: 0; }
1047
- `,zoomInFlipY:a.keyframes`
1048
- from { transform: perspective(400px) scale(0.5) rotateY(90deg); opacity: 0; }
1049
- to { transform: perspective(400px) scale(1) rotateY(0deg); opacity: 1; }
1050
- `,zoomOutFlipY:a.keyframes`
1051
- from { transform: perspective(400px) scale(1) rotateY(0deg); opacity: 1; }
1052
- to { transform: perspective(400px) scale(0.5) rotateY(90deg); opacity: 0; }
1053
- `,zoomPulse:a.keyframes`
1054
- 0%, 100% { transform: scale(1); }
1055
- 50% { transform: scale(1.1); }
1056
- `,zoomSwing:a.keyframes`
1057
- 0% { transform: scale(0.3); opacity: 0; }
1058
- 50% { transform: scale(1.2); opacity: 1; }
1059
- 70% { transform: scale(0.9); }
1060
- 100% { transform: scale(1); }
1061
- `},...Qt,...Wt,...Vt,...c},rr=Object.keys(tr),ar=Object.fromEntries([{name:"🎾 Bounce",key:"bounce",prefix:"bounce"},{name:"✨ Text / Glow Effects",key:"text",prefix:"effect"},{name:"🌫 Blur",key:"blur",prefix:"blur"},{name:"⚡ Flash",key:"flash",prefix:"flash"},{name:"🎈 Float",key:"float",prefix:"float"},{name:"💡 Glow",key:"glow",prefix:"glow"},{name:"🍮 Jelly",key:"jelly",prefix:"jelly"},{name:"🌑 Shadow / Spin / Swing / Orbit",key:"shadow",prefix:"shadow"},{name:"💓 Pulse",key:"pulse",prefix:"pulse"},{name:"🌫 Fade",key:"fade",prefix:"fade"},{name:"🤯 Squeeze / Shake",key:"shake",prefix:"shake"},{name:"📥 Slide",key:"slide",prefix:"slide"},{name:"🔄 Flip",key:"flip",prefix:"flip"},{name:"📂 Fold / Unfold",key:"fold",prefix:"fold"},{name:"🪝 Hang On",key:"hangOn",prefix:"hangOn"},{name:"🔍 Zoom",key:"zoom",prefix:"zoom"},{name:"🌀 Rotate",key:"rotate",prefix:"rotate"},{name:"🎉 Fun / Attention",key:"fun",prefix:""}].map((({key:t,prefix:r})=>[t,Object.keys(tr).filter((t=>!r||t.startsWith(r)))]))),er={linear:"linear",ease:"ease",easeIn:"ease-in","ease-in":"ease-in",easeOut:"ease-out","ease-out":"ease-out",easeInOut:"ease-in-out","ease-in-out":"ease-in-out"},or=["type","duration","timing","delay","iteration","direction","fillMode","tagName"],sr=s.default("div").withConfig({shouldForwardProp:t=>!or.includes(t)})`
1062
- margin: 0;
1063
- padding: 0;
1064
-
1065
- ${({type:t,duration:r,timing:e,delay:o,iteration:s,direction:n,fillMode:f})=>a.css`
1066
- animation: ${t&&tr[t]} ${"number"==typeof r?`${r}ms`:r}
1067
- ${e?er[e]:""} ${"number"==typeof o?`${o}ms`:o} ${s??""}
1068
- ${n??""} ${f??""};
1069
- `}
1070
- `,nr=({tagName:t="div",children:a,className:e,type:o="blurIn",duration:s,timing:f="ease",delay:m="0s",direction:l="alternate",fillMode:i="forwards",...p})=>{const c=s??n[o]??"1s",d="number"==typeof c?`${c}ms`:c;return r.jsx(sr,{as:t,className:e,type:o,duration:d,timing:f,delay:m,iteration:"infinite",direction:l,fillMode:i,...p,children:a})},fr=a.keyframes`
1071
- 50% { border-color: transparent; }
1072
- `,mr=s.default.span`
1073
- margin-left: 2px;
1074
- border-left: 3px solid ${({cursorColor:t})=>t||"#000"};
1075
- animation: ${fr} 0.7s steps(1) infinite;
1076
- `,lr={delay:"0s",direction:"normal",timing:"ease",iteration:1,fillMode:"forwards"},ir=(t,r)=>({...lr,type:t,duration:r??(n[t??"blurIn"]??"1s")});t.AnimateTyping=({heading:t="",dataText:a=[],className:o,cursorColor:s="#000",children:n})=>{const[f,m]=e.useState(""),[l,i]=e.useState(!1),[p,c]=e.useState(0),[d,y]=e.useState(150),g=e.useMemo((()=>Array.isArray(a)?a:"string"==typeof a?[a]:Array.isArray(n)?n:"string"==typeof n?[n]:[]),[n,a]),u=e.useRef(null);return e.useEffect((()=>{if(0===g.length)return;return u.current=window.setTimeout((()=>{const t=p%g.length,r=g[t];m((t=>l?r.substring(0,t.length-1):r.substring(0,t.length+1))),y(l?30:150),l||f!==r?l&&""===f&&(i(!1),c((t=>t+1))):setTimeout((()=>i(!0)),500)}),d),()=>{u.current&&clearTimeout(u.current)}}),[f,l,p,g,d]),r.jsxs("div",{className:o,children:[t&&r.jsxs(r.Fragment,{children:[t," "]}),r.jsx("span",{children:f}),r.jsx(mr,{cursorColor:s})]})},t.WrapperAnimate=({children:t,tagName:a="div",type:e,duration:o,className:s,...n})=>r.jsx(nr,{...ir(e,o),tagName:a,className:s,...n,children:t}),t.animGroups=ar,t.animNames=rr,t.default=nr,t.defaultDuration=n,Object.defineProperty(t,"__esModule",{value:!0})}));