Create A Page Transition Effect In Javascript Tutorial




In this video we are going to learn how to create vanilla js page transitions using Barba.js. A 4kb library that is awesome to use for static websites rather then including a whole framework in like React,Angular or Vue. So if you plan on creating a simple static website and you want cool transitions then I highly recommend this video!

-~-~~-~~~-~~-~-
Follow my Twitter:
https://twitter.com/DevEd94

Please watch: “Should You Become A Software Engineer?”
https://www.youtube.com/watch?v=V_kTl0eIJ4A

-~-~~-~~~-~~-~-

Original source


14 responses to “Create A Page Transition Effect In Javascript Tutorial”

  1. Came across one problem. Transitions work normally in Brackets Live preview but when I open the index.html itself transitions stop working. Maybe the DOM causes this? at 2:23 you mention the DOM thing but expected for us to figure that one out. My brain is poop so I can't figure that one out xd help?

  2. I have no idea why it's not working. I did it exactly as you did, checked 10 times but the effect don't come out with or without abosolute position. The pages just change normal. I didn't used any window onload function cause I don't know how it works, you mention it at the begining of the video, might be that?

Leave a Reply