Merge pull request #869 from Subhajit-2023-44/LogoAnimation

Fixed website logo animation issue ! #844
mansiruhil · Oct 17, 2024 · 2252426 · 2252426
2 parents 581786b + a09c8b4
commit 2252426
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 16 deletions.
diff --git a/Feedback.html b/Feedback.html
@@ -350,14 +350,16 @@
       margin-right: 10px;
       /* Space between the text and the logo image */
     }
-
+ 
     .letter {
-      display: inline-block;
-      font-size: 2rem;
-      animation: letterDrop 0.5s ease forwards;
-      animation-delay: calc(var(--letter-index) * 0.1s);
-    }
 
+      display:  inline-block;
+      font-size:  2rem;
+      animation:  letterDrop 0.5s ease forwards;
+      animation-delay:  calc(var(--letter-index) * 0.1s);
+
+    }
+
     .red {
       color: red;
     }

diff --git a/contact.html b/contact.html
@@ -361,10 +361,12 @@
         }
 
         .letter {
-            display: inline-block;
-            font-size: 2rem;
-            animation: letterDrop 0.5s ease forwards;
-            animation-delay: calc(var(--letter-index) * 0.1s);
+
+            display:  inline-block;
+            font-size:  2rem;
+            animation:  letterDrop 0.5s ease forwards;
+            animation-delay:  calc(var(--letter-index) * 0.1s);
+
         }
 
         .red {

diff --git a/features.html b/features.html
@@ -203,9 +203,17 @@
     }
 
     .letter {
+
       display: inline-block;
       font-size: 2rem;
       animation: letterDrop 0.5s ease forwards;
+      animation-delay: calc(var(--letter-index)* 0.1s);
+
+    }
+
+    .letter {
+      display: inline-block;
+      font-size: 2rem;
     }
 
     .red {

diff --git a/team.html b/team.html
@@ -374,14 +374,16 @@
             margin-right: 10px;
             /* Space between the text and the logo image */
         }
-
+ 
         .letter {
-            display: inline-block;
-            font-size: 2rem;
-            animation: letterDrop 0.5s ease forwards;
-            animation-delay: calc(var(--letter-index) * 0.1s);
-        }
 
+            display:  inline-block;
+            font-size:  2rem;
+            animation:  letterDrop 0.5s ease forwards;
+            animation-delay:  calc(var(--letter-index) * 0.1s);
+
+        }
+
         .red {
             color: red;
         }