diff --git a/index.html b/index.html index 3a744c7..100e656 100644 --- a/index.html +++ b/index.html @@ -80,11 +80,13 @@ href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet" /> + + - + @@ -268,6 +270,7 @@

/> +

diff --git a/nav.js b/nav.js index 5a53310..56be2f1 100644 --- a/nav.js +++ b/nav.js @@ -38,9 +38,6 @@ document.addEventListener("scroll", ()=>{ header.classList.remove("scrolled"); } } - - - } ) @@ -53,5 +50,18 @@ window.addEventListener("resize", () => { document.body.classList.remove("resize-animation-stopper"); }, 400); }); +//------------------------------------------------------- - +//Scroll Reveal Animations +ScrollReveal().reveal('.hero', { duration: 1500, reset: true ,distance: "100px"}) +ScrollReveal().reveal('.divider', { duration: 1500, reset: true,distance: "100px"}) +ScrollReveal().reveal('.message', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.features', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.card__container', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.about', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.try-it', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.api', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.github', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.footer__container', { duration: 1500 , reset: true,distance: "100px"}) +ScrollReveal().reveal('.footer__copyright', { duration: 1500 , reset: true,distance: "100px"}) +//-------------------------------------------------------- \ No newline at end of file