One of my seemingly frivolous CSS experiments. There’s always a purpose behind them. This one set out to achieve two things:
First, to create a single HTML file that contains everything the animation needs. The images are inline SVGs, and the CSS is inline. You can download the page to your machine, disconnect from the internet and it will still run.
Second, to coordinate different pieces of animation to create an effect. In this case, the passing of the land. There are three different layers for the ground, each moving at a different speed, and each using the same @keyframe animation.