No Time To Die Title Sequence
See the Pen No Time To Die Title Sequence by 2Mogs (@2Mogs) on CodePen.
No Time To Die Title Sequence
Description: 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...
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML CSS (SCSS) JS
Dependencies: gsap.js
Responsive:Yes
Posted: 18.02.2020