Posts tagged with “animation“ (17)

  1. How to create a slick CSS animation from Star Wars

    I will make a CSS animation of the iconic opening title sequence for the movie Star Wars. I focus on the text crawl portion of the sequence, which introduces the general plot. I will make it responsive.

  2. A fun copy code interaction - photocopy code animation

    I thought it would be cool to mimick a photocopier for the copy action of a code block.

  3. 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.

  4. 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.

  5. 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.

  6. 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!

  7. 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!

  8. 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.

  9. 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.

  10. 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.