.marquee { height: 660px; border: 0px solid #eee; box-sizing: border-box; position: relative; margin: 0px auto; animation: marquee 30s linear infinite; } .marquee:hover { animation-play-state: paused; } @keyframes marquee { 0% { top: 50%; } 100% { top: -300%; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter