Build the Finance Skills That Lead to Promotions — Not Just Certificates
Learn Backend Development Part-Time, Online
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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