Merge pull request #56 from TartejBrothers/Updates

Updated: Animations
TartejBrothers · Jun 8, 2024 · 437e244 · 437e244
2 parents 7d205b0 + ee16fb9
commit 437e244
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/src/App.css b/src/App.css
@@ -51,10 +51,14 @@
 }
 
 .slide-up {
-  animation: slideUp linear;
   animation-timeline: view();
-  animation-range-start: 00px;
+  animation-range-start: 0vh;
   animation-range-end: 100vh;
+
+  animation-name: fade-in;
+  animation-fill-mode: both;
+  animation-duration: 100ms;
+  animation-timing-function: linear;
 }
 
 #testimonial {

diff --git a/src/components/styles/contact.css b/src/components/styles/contact.css
@@ -73,10 +73,14 @@
 }
 
 .contactmain {
-  animation: charactershow linear;
   animation-timeline: view();
-  animation-range-start: 00px;
+  animation-range-start: 0vh;
   animation-range-end: 100vh;
+
+  animation-name: charactershow;
+  animation-fill-mode: both;
+  animation-duration: 100ms;
+  animation-timing-function: linear;
 }
 
 @media screen and (max-width: 1000px) {

diff --git a/src/components/styles/expertisecomponent.css b/src/components/styles/expertisecomponent.css
@@ -83,13 +83,14 @@
   }
 }
 .leftexpertisebody {
-  animation: expertisecontenthide;
   animation-timeline: view();
   animation-range-start: 60vh;
   animation-range-end: 90vh;
-  animation-fill-mode: forwards;
 
-  animation-duration: 2s;
+  animation-name: expertisecontenthide;
+  animation-fill-mode: both;
+  animation-duration: 100ms;
+  animation-timing-function: linear;
 }
 @media screen and (max-width: 1000px) {
   .rightexpertise {