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