YoVDO

Vue 3 Animations & Transitions Tutorial

Offered By: Net Ninja via YouTube

Tags

Vue JS Courses Animation Courses GSAP (GreenSock Animation Platform) Courses

Course Description

Overview

In this course, you will learn Vue 3 Animations and Transitions. You will learn about setup, starter project walkthrough, transition component, animated toast notification, adding CSS keyframes, group transitions, initial and move transitions, transitioning between elements, transition JavaScript hooks, using GSAP, staggered animations using GSAP, and route transitions!


Syllabus

Vue 3 Animations Tutorial #1 - Intro & Setup.
Vue 3 Animations Tutorial #2 - Starter Project Walkthrough.
Vue 3 Animations Tutorial #3 - Transition Component.
Vue 3 Animations Tutorial #4 - Animated Toast Notification.
Vue 3 Animations Tutorial #5 - Adding CSS Keyframes.
Vue 3 Animations Tutorial #6 - Group Transitions.
Vue 3 Animations Tutorial #7 - Initial & Move Transitions.
Vue 3 Animations Tutorial #8 - Transitioning Between Elements.
Vue 3 Animations Tutorial #9 - Transition JavaScript Hooks.
Vue 3 Animations Tutorial #10 - Using GSAP.
Vue 3 Animations Tutorial #11 - Staggered Animations (using GSAP).
Vue 3 Animations Tutorial #12 - Route Transitions.


Taught by

The Net Ninja

Related Courses

Creating an HTML5 Banner Ad with GreenSock (GSAP)
LinkedIn Learning
CSS: Scrolling and Parallax
LinkedIn Learning
The Complete GSAP: JavaScript ,HTML and CSS Course for 2023
Udemy