This is a simple CSS animation I did for a past client. The page loads, then after a short delay (1sec) the animation starts. The background overlay slides up, then the heading slides in from the left.

While the animation itself is 100% CSS the “Refresh CSS Animation” button uses a simple inline JS function. To see the animation on a live site visit Hudson Lighting Co .