Subway Trains

Watch the trains go by.

Description

Subway is an experiment in CSS3 animations. Using CSS only, I challenged myself to bring to life a subway train that I drew for the purpose.

In the finished toy, viewers click on a neon road sign to travel underground, where subway trains occasionally whiz by.

Features

  • Absolute positioning layers images, creating the visual effect of subway trains travelling through column lined tunnels, and passing each other in opposite directions on separate tracks.

Design

Subway landing page
CSS3 animated subway train
CSS3 animated subway train