From 021d1e3aae55302a15331d9ea0c91488e1beb1da Mon Sep 17 00:00:00 2001
From: Pritesh Rajput <98505834+rajputpritesh1@users.noreply.github.com>
Date: Tue, 26 Mar 2024 21:27:51 +0530
Subject: [PATCH] New Animation Added in _animations.scss

Some New Animation Added
---
 src/sass/_animations.scss | 47 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/src/sass/_animations.scss b/src/sass/_animations.scss
index 08a4a28..009e744 100644
--- a/src/sass/_animations.scss
+++ b/src/sass/_animations.scss
@@ -8,6 +8,7 @@ $aos-distance: 100px !default;
     * fade
     * fade-up, fade-down, fade-left, fade-right
     * fade-up-right, fade-up-left, fade-down-right, fade-down-left
+    * pop-in, pop-out, glow, ripple, wave, drift
     */
 
     [data-aos^='fade'][data-aos^='fade'] {
@@ -51,8 +52,29 @@ $aos-distance: 100px !default;
     [data-aos='fade-down-left'] {
       transform: translate3d($aos-distance, -$aos-distance, 0);
     }
+    [data-aos="pop-in"] {
+      transform: scale(0);
+    }
+
+    [data-aos="pop-out"] {
+      transform: scale(1);
+    }
+
+    [data-aos="glow"] {
+      box-shadow: 0 0 10px rgba(255, 255, 255, 0);
+    }
 
+    [data-aos="ripple"] {
+      transform: scale(0);
+    }
 
+    [data-aos="wave"] {
+      transform: translateX(0);
+    }
+
+    [data-aos="drift"] {
+      transform: translateY(0);
+    }
 
 
     /**
@@ -178,3 +200,28 @@ $aos-distance: 100px !default;
     }
   }
 }
+
+    /**
+    * Some popular animations:
+    * parallax, sticky, reveal, 
+    */
+
+[data-aos='parallax'] {
+  transform: translate3d(0, 50%, 0);
+}
+
+[data-aos='sticky'] {
+  position: sticky;
+  top: 0;
+}
+
+[data-aos='reveal'] {
+  opacity: 0;
+  transform: translateY(20px);
+  transition: opacity 0.3s ease, transform 0.3s ease;
+
+  &.aos-animate {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}