Page Transitions

Integrate the Barba.js Javascript library into your websites and use CSS and Javascript techniques to add smooth and harmonious effects.

This go-at-your-own-pace course has 3 hours of video lessons that will teach you how to create beautiful, smooth page transitions on your websites using CSS and Javascript.

In this course, SuperHi has designed and produced a series of projects covering how to make websites go from disconnected page navigation to seamless, animated transitions as your users click and interact around your web designs.

You will learn how to integrate the Barba Javascript library into your websites which will then allow you to add CSS and other Javascript techniques to add smooth, harmonious effects to your design work.

• How to design with page transitions and animations in mind
• Adding full and partial page transitions to a website design
• How to add a timeline of animations between pages loading
• How to cache future pages to make your site superfast
• How to make sure all your code works on future page transitions
• How to add animations within a page scroll