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%; }
|