Merge pull request #50 from TartejBrothers/Updates

Updated: Animation
TartejBrothers · Jun 1, 2024 · d68ad88 · d68ad88
2 parents 75a5c85 + 0677846
commit d68ad88
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/src/components/styles/expertisecomponent.css b/src/components/styles/expertisecomponent.css
@@ -70,6 +70,27 @@
   color: #a29e9a;
   line-height: 1.5;
 }
+
+@keyframes expertisecontenthide {
+  0% {
+    max-height: 1000px;
+  }
+  100% {
+    max-height: 0;
+    font-size: 0px;
+    overflow: clip;
+    padding-bottom: 0px;
+  }
+}
+.leftexpertisebody {
+  animation: expertisecontenthide;
+  animation-timeline: view();
+  animation-range-start: 60vh;
+  animation-range-end: 90vh;
+  animation-fill-mode: forwards;
+
+  animation-duration: 2s;
+}
 @media screen and (max-width: 1000px) {
   .rightexpertise {
     display: none;