Animating SVG with the Awesome GSAP
Offered By: DesignCourse via YouTube
Course Description
Overview
Dive into a 30-minute tutorial on animating SVG using GSAP 3.0 (GreenSock Animation Platform) to create an engaging landing page for DesignCourse.com. Learn how to implement frontend development techniques, starting with an overview of the UI design created in Adobe XD. Explore the HTML structure and GSAP code necessary for animating SVG assets, with a focus on creating smooth and dynamic animations. Discover how to make the design responsive for various screen sizes. Access a Codepen demo to follow along and practice the techniques demonstrated. Gain insights from an experienced full-stack developer with over two decades of experience in design and coding.
Syllabus
- Introduction
- An awesome offer from Scrimba
- UI Design Overview
- HTML and GSAP Code
- Making it Responsive
- Final thoughts
Taught by
DesignCourse
Related Courses
Vue 3 Animations & Transitions TutorialNet Ninja via YouTube The Complete GSAP: JavaScript ,HTML and CSS Course for 2023
Udemy Creating an HTML5 Banner Ad with GreenSock (GSAP)
LinkedIn Learning CSS: Scrolling and Parallax
LinkedIn Learning SVG Essentials & Animation, v2
Frontend Masters