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

CSS: Animation
LinkedIn Learning
Animating SVG with CSS Course (How To)
Treehouse
CSS Tutorials for Beginners
YouTube
Learn React Native Gestures and Animations - Tutorial
freeCodeCamp
Create Awesome Fantasy Website Using Wordpress Elementor
Udemy