jjmandog commited on
Commit
a3b51ef
·
verified ·
1 Parent(s): 8ac8f38

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
Files changed (1) hide show
  1. 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%; }