Vue 3 Animations & Transitions Tutorial
Offered By: Net Ninja via YouTube
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