Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating Page Transitions with Barba.js and GSAP

DesignCourse via YouTube

Overview

Learn how to create stunning page transitions using Barba.js and GSAP in this 20-minute tutorial video. Explore the techniques used by artsy websites to achieve seamless animations between pages. Get hands-on experience setting up Barba.js and leveraging the GreenSock Animation Platform (GSAP) for smooth, eye-catching transitions. Dive into CSS styling, media queries, and content animations to enhance your web design skills. Follow along as the instructor guides you through the process, referencing a GitHub repository for inspiration and comparing the approach to a previous Swup.js tutorial. By the end of this video, you'll have the knowledge to create professional-looking page transitions that will elevate your web projects.

Syllabus

Intro
Overview
CSS
Unordered List
Media Query
Barbajs
Transition Array
Page Transition
Second Page
Content Animation

Taught by

DesignCourse

Reviews

Start your review of Creating Page Transitions with Barba.js and GSAP

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.