diff --git a/animations.js b/animations.js index 72fbe362..bf9378eb 100644 --- a/animations.js +++ b/animations.js @@ -52,6 +52,7 @@ window.animations = [ { name: 'bounce-up-and-down', author: 'marcelomoser' }, { name: 'bounceAround', author: 'wendelleloi' }, { name: 'bouncing', author: 'Geeky-star' }, + { name: 'bouncing_text', author: 'mrankitjangid'}, { name: 'boxshadowglow', author: 'kopikob' }, { name: 'brasil', author: 'igorbrands' }, { name: 'breathe', author: 'runningdeveloper' }, diff --git a/animations/bouncing_text.css b/animations/bouncing_text.css new file mode 100644 index 00000000..8a175a6f --- /dev/null +++ b/animations/bouncing_text.css @@ -0,0 +1,20 @@ +@keyframes bounceIn { + 0%, 20%, 50%, 80%, 100% { + transform: translateY(0); + opacity: 1; + } + 40% { + transform: translateY(-30px); + } + 60% { + transform: translateY(-15px); + } +} + +body { + background: black; +} + +.title { + animation: bounceIn 2s infinite 2s; +} \ No newline at end of file