Big Text Crawl

Combining CSS keyframe animation with perspective and transformations, this demo makes for a visual and versatile backdrop.

Note that the list of paragraph elements appears twice, this allows us to keep stacking the bottom list on top of the first list, creating the illusion of a never ending scroll effect.

A more sophisticated method could easily be achieved with JavaScript however the challenge here was to rely on CSS (Sass) alone.

See the Pen Background Big Text Crawl by Octavector (@Octavector) on CodePen.

View Demo