telecop 0.1.44 → 0.1.46
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.
- package/dist/styles.css +1 -180
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1,180 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
/* ==================== TAILWIND ==================== */
|
|
4
|
-
@tailwind base;
|
|
5
|
-
@tailwind components;
|
|
6
|
-
@tailwind utilities;
|
|
7
|
-
|
|
8
|
-
/* ==================== BUTTON ANIMATIONS ==================== */
|
|
9
|
-
@keyframes shimmer {
|
|
10
|
-
0% { transform: translateX(-100%); }
|
|
11
|
-
100% { transform: translateX(100%); }
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
@keyframes ripple {
|
|
15
|
-
0% { width: 0; height: 0; opacity: 0.6; }
|
|
16
|
-
100% { width: 500px; height: 500px; opacity: 0; }
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.animate-shimmer {
|
|
20
|
-
animation: shimmer 3s linear infinite;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.animate-ripple {
|
|
24
|
-
animation: ripple 0.8s ease-out forwards;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@keyframes fadeInUp {
|
|
28
|
-
from { opacity: 0; transform: translateY(30px); }
|
|
29
|
-
to { opacity: 1; transform: translateY(0); }
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@keyframes fadeIn {
|
|
33
|
-
from { opacity: 0; }
|
|
34
|
-
to { opacity: 1; }
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/* ==================== SCROLL ANIMATIONS ==================== */
|
|
38
|
-
@keyframes fadeUp {
|
|
39
|
-
from { opacity: 0; transform: translateY(60px); }
|
|
40
|
-
to { opacity: 1; transform: translateY(0); }
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@keyframes fadeDown {
|
|
44
|
-
from { opacity: 0; transform: translateY(-60px); }
|
|
45
|
-
to { opacity: 1; transform: translateY(0); }
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@keyframes fadeLeft {
|
|
49
|
-
from { opacity: 0; transform: translateX(60px); }
|
|
50
|
-
to { opacity: 1; transform: translateX(0); }
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@keyframes fadeRight {
|
|
54
|
-
from { opacity: 0; transform: translateX(-60px); }
|
|
55
|
-
to { opacity: 1; transform: translateX(0); }
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
@keyframes zoomIn {
|
|
59
|
-
from { opacity: 0; transform: scale(0.8); }
|
|
60
|
-
to { opacity: 1; transform: scale(1); }
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
@keyframes rotateIn {
|
|
64
|
-
from { opacity: 0; transform: rotate(-180deg) scale(0.8); }
|
|
65
|
-
to { opacity: 1; transform: rotate(0deg) scale(1); }
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.scroll-animation {
|
|
69
|
-
opacity: 0;
|
|
70
|
-
animation-fill-mode: both;
|
|
71
|
-
animation-play-state: paused;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.scroll-animation.active {
|
|
75
|
-
animation-play-state: running;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.scroll-fade-up {
|
|
79
|
-
animation-name: fadeUp;
|
|
80
|
-
animation-duration: 0.8s;
|
|
81
|
-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.scroll-fade-down {
|
|
85
|
-
animation-name: fadeDown;
|
|
86
|
-
animation-duration: 0.8s;
|
|
87
|
-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.scroll-fade-left {
|
|
91
|
-
animation-name: fadeLeft;
|
|
92
|
-
animation-duration: 0.8s;
|
|
93
|
-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.scroll-fade-right {
|
|
97
|
-
animation-name: fadeRight;
|
|
98
|
-
animation-duration: 0.8s;
|
|
99
|
-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.scroll-zoom-in {
|
|
103
|
-
animation-name: zoomIn;
|
|
104
|
-
animation-duration: 0.6s;
|
|
105
|
-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.scroll-rotate-in {
|
|
109
|
-
animation-name: rotateIn;
|
|
110
|
-
animation-duration: 0.8s;
|
|
111
|
-
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
/* ==================== GRADIENT ANIMATIONS ==================== */
|
|
115
|
-
@keyframes gradient-shift {
|
|
116
|
-
0%, 100% { background-position: 0% 50%; }
|
|
117
|
-
50% { background-position: 100% 50%; }
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
@keyframes gradient-wave {
|
|
121
|
-
0%, 100% { background-position: 0% 0%; }
|
|
122
|
-
25% { background-position: 100% 0%; }
|
|
123
|
-
50% { background-position: 100% 100%; }
|
|
124
|
-
75% { background-position: 0% 100%; }
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
@keyframes gradient-pulse {
|
|
128
|
-
0%, 100% { background-size: 100% 100%; opacity: 1; }
|
|
129
|
-
50% { background-size: 150% 150%; opacity: 0.8; }
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
@keyframes gradient-rotate {
|
|
133
|
-
0% { filter: hue-rotate(0deg); }
|
|
134
|
-
100% { filter: hue-rotate(360deg); }
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
@keyframes gradient-flow {
|
|
138
|
-
0% { background-position: 0% 50%; }
|
|
139
|
-
50% { background-position: 100% 50%; }
|
|
140
|
-
100% { background-position: 0% 50%; }
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
@keyframes gradient-zoom {
|
|
144
|
-
0%, 100% { background-size: 100% 100%; }
|
|
145
|
-
50% { background-size: 200% 200%; }
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.animate-gradient-shift {
|
|
149
|
-
background-size: 200% 200% !important;
|
|
150
|
-
animation: gradient-shift 8s ease infinite;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.animate-gradient-wave {
|
|
154
|
-
background-size: 200% 200% !important;
|
|
155
|
-
animation: gradient-wave 12s ease infinite;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.animate-gradient-pulse {
|
|
159
|
-
background-position: center !important;
|
|
160
|
-
animation: gradient-pulse 6s ease infinite;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.animate-gradient-rotate {
|
|
164
|
-
animation: gradient-rotate 10s linear infinite;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.animate-gradient-flow {
|
|
168
|
-
background-size: 300% 300% !important;
|
|
169
|
-
animation: gradient-flow 15s ease infinite;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.animate-gradient-zoom {
|
|
173
|
-
background-position: center !important;
|
|
174
|
-
animation: gradient-zoom 8s ease infinite;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/* ==================== PARALLAX ==================== */
|
|
178
|
-
.parallax-container {
|
|
179
|
-
overflow-x: hidden;
|
|
180
|
-
}
|
|
1
|
+
@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ripple{0%{width:0;height:0;opacity:.6}to{width:500px;height:500px;opacity:0}}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-ripple{animation:ripple .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.scroll-animation{opacity:0;animation-fill-mode:both;animation-play-state:paused}.scroll-animation.active{animation-play-state:running}.scroll-fade-up{animation-name:fadeUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.scroll-fade-down{animation-name:fadeDown;animation-duration:.8s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.scroll-fade-left{animation-name:fadeLeft;animation-duration:.8s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.scroll-fade-right{animation-name:fadeRight;animation-duration:.8s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.scroll-zoom-in{animation-name:zoomIn;animation-duration:.6s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.scroll-rotate-in{animation-name:rotateIn;animation-duration:.8s;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-wave{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes gradient-pulse{0%,to{background-size:100% 100%;opacity:1}50%{background-size:150% 150%;opacity:.8}}@keyframes gradient-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-zoom{0%,to{background-size:100% 100%}50%{background-size:200% 200%}}.animate-gradient-shift{background-size:200% 200%!important;animation:gradient-shift 8s ease infinite}.animate-gradient-wave{background-size:200% 200%!important;animation:gradient-wave 12s ease infinite}.animate-gradient-pulse{background-position:center!important;animation:gradient-pulse 6s ease infinite}.animate-gradient-rotate{animation:gradient-rotate 10s linear infinite}.animate-gradient-flow{background-size:300% 300%!important;animation:gradient-flow 15s ease infinite}.animate-gradient-zoom{background-position:center!important;animation:gradient-zoom 8s ease infinite}.parallax-container{overflow-x:hidden}
|