SVG Circle Challenge Solutions: DrawSVG, GSAP and CSS
Today I'm going to walk through a number of solutions to the circle connector challenge. Stick around as I'll show you a quick step-by-step of my approach and some bonus demos too!
Original Challenge
/ 1753201745885331840
CSS Doodle by Yunchuan
https://css-doodle.com/svg/?code=svg+...
Lottie Labs by Daryl Patigas
/ 1753922351991849134
Unlock 250 premium GSAP tutorial videos.
I've spent 3 years building the world's largest online GSAP training school.
Affordable pricing for all at:
https://www.creativecodingclub.com/bu...
2 CSS Paths by Amit Sheen
https://codepen.io/amit_sheen/pen/eYX...
2 Paths by Jhey
https://codepen.io/jh3y/pen/MWxXYoW?e...
Single Div (limited browser support) by Alvoro Montoro
https://codepen.io/alvaromontoro/pen/...
My Solution using GSAP
https://codepen.io/snorkltv/pen/vYPRzbb
https://www.creativecodingclub.com/bu...