From 154484163755f30649f21b5f809bb5a9a3802247 Mon Sep 17 00:00:00 2001
From: Nicolas Sudres <nicolas.sudres@hotmail.fr>
Date: Wed, 31 Aug 2022 20:52:46 +0200
Subject: [PATCH] Add text animation

---
 css/style.css | 27 ++++++++++++++++++++++++++-
 js/script.js  | 21 ++++++++++++++++++++-
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index 16f4011..c0e1960 100644
--- a/css/style.css
+++ b/css/style.css
@@ -255,4 +255,29 @@ a:hover {
 ::-webkit-scrollbar-track{
   background: transparent;
 }
-/* ------------ */
\ No newline at end of file
+/* ------------ */
+
+
+.reveal{
+  position: relative;
+  opacity: 0;
+}
+
+.reveal.active{
+  opacity: 1;
+}
+
+.active.fade {
+  animation: fade 1s;
+}
+
+@keyframes fade {
+  0% {
+    transform: scale(0.8, 0.8);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1, 1);
+    opacity: 1;
+  }
+}
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
index d374411..169f364 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,4 +1,20 @@
 //Init
+function reveal() {
+  var reveals = document.querySelectorAll(".reveal");
+
+  for (var i = 0; i < reveals.length; i++) {
+    var windowHeight = window.innerHeight;
+    var elementTop = reveals[i].getBoundingClientRect().top;
+    var elementVisible = 150;
+
+    if (elementTop < windowHeight - elementVisible) {
+      reveals[i].classList.add("active");
+    }
+  }
+}
+
+window.addEventListener("scroll", reveal);
+
   $(document).ready(function(){
     init();
   });
@@ -49,4 +65,7 @@
     $(window).scroll(function () {
       $(this).scrollTop() > 50 ? $('#scroll').fadeOut() : $('#scroll').fadeIn()
     });
-  }
\ No newline at end of file
+  }
+
+
+  
\ No newline at end of file