TIL from Twitch stream with @cassiecodes about SVG animation

Video link: https://www.twitch.tv/videos/687415585
Codepen link: https://codepen.io/cassie-codes/pen/bGEzMMK

  1. Add title inside SVG and aria-labelledby for accessibility.
  2. Colorbox.io tools by guys on Lyft.
  3. Scrub GSAP Timeline to debug GSAP Timeline.
  4. stagger property to multi-target tween basically offsets the starting time of each target’s animation. More detail here.
  5. random(between A, to B) also a cool utility method from GSAP.

Leave a comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.