Animation Bounce CSS
Animation Bounce CSS <html lang="en"> <head> <title>Animation Bounce CSS</title> <style> .bounce { width: 100px; height: 100px; background-color: #3498db; position: relative; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } </style> </head> <body> <div class="bounce"></div> </body> </html> You may like these posts : Write Your Comment
Animation Bounce CSS <html lang="en"> <head> <title>Animation Bounce CSS</title> <style> .bounce { width: 100px; height: 100px; background-color: #3498db; position: relative; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } </style> </head> <body> <div class="bounce"></div> </body> </html>
You may like these posts :