Merge pull request anuragverma108#2837 from Anjaliavv51/comspreveal

Feat:Added of reveal elements on scroll
TBorundia · 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/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/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});