Merge pull request #2837 from Anjaliavv51/comspreveal

Feat:Added of reveal elements on scroll
anuragverma108 · Aug 10, 2024 · d2d87b3 · d2d87b3
2 parents 4f77755 + 5edc179
commit d2d87b3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/assets/html/comsp.html b/assets/html/comsp.html
@@ -36,6 +36,10 @@
   <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
   <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
   <link rel="stylesheet" href="../css/styles.css">
+
+  <script src="https://unpkg.com/scrollreveal"></script>
+
+
     <style>
         .close-button {
             color: #aaa;
@@ -1347,5 +1351,6 @@ <h1>Privacy Notice</h1>
             });
         });
     </script>
+    <script src="/assets/js/comsp.js"></script>
 </body>
 </html>
diff --git a/assets/js/comsp.js b/assets/js/comsp.js
@@ -0,0 +1,8 @@
+ScrollReveal({
+    //reset: true ,
+    distance: '1000px',
+    duration: 2500,
+    delay: 400
+  });
+  ScrollReveal().reveal('.section__title ,.section__subtitle', { delay: 400, origin: 'left' });
+  ScrollReveal().reveal('.spotlight__grid .spotlight__card', { delay: 700, origin: 'bottom' ,interval:300});