Merge pull request #644 from ADS-bot/master

Added New Animation

animations.js

@@ -234,7 +234,7 @@ window.animations = [
 	{ name: 'neonplus', author: 'AdrianoBiolchi' },
 	{ name: 'neumorphism-animation', author: 'kalpanaT-05' },
 	{ name: 'new-page', author: 'nerdomancer' },
-	{ name: 'oceanWaves', author: 'Kevin' },
+	// { name: 'oceanWaves', author: 'Kevin' },
 	{ name: 'onfirehack', author: 'mkhy19' },
 	{ name: 'opacity-by-gabrielamattias', author: 'GabrielaMattias' },
 	{ name: 'orangeisthenewblack', author: 'kevinhuddy' },
@@ -358,7 +358,7 @@ window.animations = [
 	{ name: 'text-shadow', author: 'Zaheudev' },
 	{ name: 'text-split', author: 'hariramjp777' },
 	{ name: 'thaovt', author: 'thaovt' },
-	{ name: 'the-shining', author: 'kshitijsriv' },
+	// { name: 'the-shining', author: 'kshitijsriv' },
 	{ name: 'threedAnimation', author: '123shuklaayush' },
 	{ name: 'theLight', author: 'Himanshu' },
 	{ name: 'thin-air', author: 'sniemeyer1' },
@@ -475,4 +475,5 @@ window.animations = [
 	{ name: 'Wavy-Apperance', author: 'GauthamG2'},
 	{ name: 'dancing-glow', author: 'dinil-thilakarathne'},
 	{ name: 'navis',author: 'Navise' },
+	{ name: 'zeta', author: 'ADS-bot'},
 ];

animations/zeta.css

@@ -0,0 +1,56 @@
+.zeta {
+    color: black;
+    text-shadow: 2px 3px lime; 
+    margin-top: 10px;
+    margin-bottom: 1px;
+    font-family: 'Arial', sans-serif; /* Change the font family */
+    margin: 10px 0 0 10px;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 30em;
+    animation: bounce 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite; /* Adjusted timing function for more realistic bounce */
+  }
+
+  .zeta:nth-child(2) {
+    animation: bounce 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite, rotate 5s linear infinite;
+  }
+
+  .zeta:nth-child(3) {
+    animation: bounce 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite, scale 4s ease-in-out infinite;
+  }
+
+  .zeta a {
+    color: lime;
+    text-decoration: none;
+  }
+
+  @keyframes bounce {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    25% {
+      transform: translateY(-20px); /* Adjusted bounce height */
+    }
+    50% {
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes scale {
+    0%, 100% {
+      transform: scale(1);
+    }
+    50% {
+      transform: scale(1.2);
+    }
+  }
+