Spaces:
Running
Running
on the experience the difference where it says mobile conveincce etc dould you you have it where you click it and it tells your more about i? i can fix words after - Follow Up Deployment
Browse files- index.html +39 -0
index.html
CHANGED
@@ -133,6 +133,45 @@
|
|
133 |
transform: scale(1.1) translateY(0);
|
134 |
}
|
135 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
136 |
@keyframes tvStatic {
|
137 |
0% { background-position: 0 0; }
|
138 |
100% { background-position: 100% 100%; }
|
|
|
133 |
transform: scale(1.1) translateY(0);
|
134 |
}
|
135 |
|
136 |
+
@keyframes drip1 {
|
137 |
+
0% { transform: translateY(-100px); opacity: 0; }
|
138 |
+
10% { opacity: 1; }
|
139 |
+
90% { opacity: 1; }
|
140 |
+
100% { transform: translateY(100vh); opacity: 0; }
|
141 |
+
}
|
142 |
+
@keyframes drip2 {
|
143 |
+
0% { transform: translateY(-150px); opacity: 0; }
|
144 |
+
20% { opacity: 1; }
|
145 |
+
80% { opacity: 1; }
|
146 |
+
100% { transform: translateY(100vh); opacity: 0; }
|
147 |
+
}
|
148 |
+
@keyframes drip3 {
|
149 |
+
0% { transform: translateY(-200px); opacity: 0; }
|
150 |
+
15% { opacity: 1; }
|
151 |
+
85% { opacity: 1; }
|
152 |
+
100% { transform: translateY(100vh); opacity: 0; }
|
153 |
+
}
|
154 |
+
@keyframes drip4 {
|
155 |
+
0% { transform: translateY(-250px); opacity: 0; }
|
156 |
+
25% { opacity: 1; }
|
157 |
+
75% { opacity: 1; }
|
158 |
+
100% { transform: translateY(100vh); opacity: 0; }
|
159 |
+
}
|
160 |
+
.animate-drip1 {
|
161 |
+
animation: drip1 8s linear infinite;
|
162 |
+
}
|
163 |
+
.animate-drip2 {
|
164 |
+
animation: drip2 10s linear infinite;
|
165 |
+
animation-delay: 2s;
|
166 |
+
}
|
167 |
+
.animate-drip3 {
|
168 |
+
animation: drip3 12s linear infinite;
|
169 |
+
animation-delay: 1s;
|
170 |
+
}
|
171 |
+
.animate-drip4 {
|
172 |
+
animation: drip4 9s linear infinite;
|
173 |
+
animation-delay: 3s;
|
174 |
+
}
|
175 |
@keyframes tvStatic {
|
176 |
0% { background-position: 0 0; }
|
177 |
100% { background-position: 100% 100%; }
|