TV & movie title sequences as web animations (13)

In this series, I will recreate some title sequences from popular television series and movies as web animations. Any moment in the opening or ending credits that grabs my attention I will create as a web animation.

I will explore making the animation in CSS and JavaScript to compare approaches. I hope to expand my animation chops and discover new techniques along the way.

  1. How to create a slick CSS animation from Black Mirror

    The title sequence of Black Mirror has a cool effect where the title shakes and eventually shatters. Let’s see how we can recreate it in CSS.

  2. How to make a slick CSS animation from Arrested Development

    The title sequence of Arrested Development complements the kooky nature of the show well. Let’s see how we can recreate it in CSS.

  3. How to create a slick CSS animation from The Fall Guy

    The title sequence for The Fall Guy involves an animation of a man falling - a very literal depiction of the title! Let’s see how we can make it with CSS.

  4. How to create a slick CSS animation from Alien

    The title sequence for Alien is iconic. It sets the mood of the movie perfectly. Let’s see how we can recreate it as a web animation!

  5. How to create a slick CSS animation from Cocktail

    Let’s jump to the 80’s and create an animation with a retro feel. Cocktail!

  6. How to create a slick CSS animation from Jackie Brown

    The title sequence for Jackie Brown is simple but has some 70’s flair. Let’s recreate the reveal animation of the title card.

  7. How to create a slick animation from Stranger Things

    Stranger Things might be the most dissected and celebrated title sequence around! Let’s break it down and see if we can emulate it as a web animation.

  8. A slick animation from Better Call Saul

    This time, I will make the title sequence from Better Call Saul. It looks like a poorly produced, cheesy commercial from the noughties.

  9. How to create a slick animation from Schitt’s Creek

    This time, I will make the title sequence from Schitt’s Creek. It has a quirky, irreverent quality to it.

  10. How to make a slick CSS animation from Upload

    This time, I will tackle a title sequence from Upload. It has a cool chugging, progress bar reveal of the title.