<!DOCTYPE html> <html> <head> <style> .falling-banner{ position:absolute; top:100px; width:250px; height:150px; background-color:lightblue; animation:fallingBanner 1s 1; -webkit-animation:fallingBanner 1s 1; } @-webkit-keyframes fallingBanner{ 0%{ top:-300px; animation-timing-function:ease-in; } 100%{ top:100px; } } </style> </head> <body> <div class="falling-banner"> </div> </body> </html>
Run
×
Share