diff --git a/animations.js b/animations.js index 523ff0ab..6ed57310 100644 --- a/animations.js +++ b/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'}, ]; \ No newline at end of file diff --git a/animations/zeta.css b/animations/zeta.css new file mode 100644 index 00000000..f5ddde58 --- /dev/null +++ b/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); + } + } + \ No newline at end of file