Scrolling text on a website is almost as old as the internet. You may remember the days when marquees with horizontal scrolling text were all the rage, and we (some of us) thought it was one of the coolest things we’d seen on a website. Many years later we have left that, along with a collection of other relatively silly “web tricks”, behind, as technology and web development evolved into what we have to work with today. Now we no longer need Flash or some other bulky, clunky tools or code to make this happen.
UNLIMITED DOWNLOADS: 500,000+ WordPress & Design Assets
Sign up for Envato Elements and get unlimited downloads starting at only $16.50 per month!
Hidden & scrolling text
Not just vertically scrolling, but also hidden. Hover over the window to check out this effect.
Breaking News Modal
A slow horizontal scrolling effect for breaking news.
Vertical scrolling word
A clean, smooth animation replacing a word in a line of text.
HTML marquee Tag
This one is so old school looking it’s a little painful.
Scrolling In A Window
A rotating words vertical scrolling effect.
Horizontal scrolling animation
Another marquee effect very similar to the “good old days”.
And yet another simple marquee effect.
Moving Text – CSS Animation Setup w/ Marquee Tag
Multiple lines scrolling horizontally in different speeds and directions.
Vertical Text Scroll
A combination of some previous examples, this one rotates through words vertically scrolling into view.
Star Wars 3D Intro in CSS3
No collection would be complete without the Star Wars intro scrolling!