Animating SVG with the Awesome GSAP 3.0

https://scrimba.com/learn/designbootcamp - Take my UI Bootcamp now!
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, we're going to step into the world of frontend development, and make the landing page a reality for my relaunching of DesignCourse.com. We'll use GSAP 3.0 (GreenSock Animation Platform) to animate the SVG assets we created in the previous video (linked below).

Part 1 (Designing the UI in XD):
https://www.youtube.com/watch?v=eZp8rXzOTL4

Codepen demo for this tutorial:
https://codepen.io/designcourse/pen/yLOxoyP

0:00 - Introduction
0:48 - An awesome offer from Scrimba
1:22 - UI Design Overview
2:13 - HTML and GSAP Code
24:23 - Making it Responsive
29:26 - Final thoughts

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!

Видео Animating SVG with the Awesome GSAP 3.0 канала DesignCourse