ScrollReveal

AbdallahMaf · Nov 2, 2022 · 087e77a · 087e77a
1 parent 7cf9b6f
commit 087e77a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -969,6 +969,9 @@ <h2 class="title">Contact</h2>
     </footer>
 
 
+    <!-- ScrollReveal -->
+    <script src="https://unpkg.com/scrollreveal"></script>
+
     <script src="./name.js"></script>
     <script src="./particles.js"></script>
     <script src="./app.js"></script>

diff --git a/name.js b/name.js
@@ -34,6 +34,15 @@ let typedKarate = new Typed("#text6", {
 
 });
 
+//Scrollreveal
+const sr = ScrollReveal({
+    distance: '0px',
+    duration: 2500,
+    reset: false
+})
+
+sr.reveal('.home-content',{delay:190, origin:'bottom'})
+sr.reveal('.qsj, .competences, .projets, .contact',{delay:200, origin:'bottom'})
 
 // const text1 = document.querySelector('.text-1');
 // const text2 = document.querySelector('.text-2');