NO TIME TO DIE TITLE SEQUENCE

Author:

  • Nick Watton
  • February 18, 2020

Made with:

  • HTML / CSS (SCSS) / JS

About the code:

This is an amazing and cool Title Lock Up Animation for the new Bond film, “No Time To Die”. Hand rolled SVGs animated with GSAP. Each row has a separate time counter to make sequencing more simple to handle. Every part of each letter has it’s own to make transform calculations easier also, as all transformations are from the root. This means no need to calculate scale or rotation offsets. Makes the markup more complex, but the animation easier. Complexity has to go somewhere…

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies: gsap.js

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *