YoVDO

Animating SVG with the Awesome GSAP

Offered By: DesignCourse via YouTube

Tags

GSAP (GreenSock Animation Platform) Courses Computer Science Courses HTML Courses Responsive Design Courses SVG Animation Courses

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 Tutorial
Net 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