Movie style intro

22 Jul 2013

Another short experiment with CSS animations. I just can't get enough of CSS animations so I came up with another concept after seeing a movie. Unfortunately I just dove into the code and forgot to write down the movie and I can nog longer recall which one it was...

So at first I wanted to pick a calm landscape scene for the background, but then I stumbled upon this great "live action" trailer from Need for Speed - Most Wanted. I think it's really funny and it suits this example just fine :) Hope you enjoy!

View the demo

There's a couple of things that could be improved. At the moment it's just a series of well-timed css animations, but not in sync with the video. Pausing the video has no effect on the overlays so they will continue to run.