top of page
bottom of page
.element{ position: absolute; background: #fff; border-radius: 50%; animation-name: falling; animation-timing-function: linear; } html,body { height: 100%; width: 100%; background: linear-gradient(0deg, #000 0%, #345 100%); overflow: hidden; } @keyframes falling { 0% {top:-100px; } 100% {top:100vh; transform: translateX(-100vh) } }