Simple Sweep-in News Scroller

This demo supersedes the earlier version that didn't have CSS animation support for the stock Android browser.

A light-weight news scroller where each new message sweeps in, while the previous message sweeps away and fades out. It's a simple scroller so there are no interactive controls. Here is an alternative demo with controls.

Works in modern browsers and IE8+ (no sweep or fade in IE8/9).

Please view the source of this page for HTML markup, CSS and JS.

Sweep Up

Sweep Left

Sweep Down

Fade In


More demos and snippets

Did you find this useful? There are more demos and code snippets this way.