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”
give this chanel some subs yo
I don't know why doesn't work ๐
helpful thanks mate.๐
https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q Great video My transitions load the content first without the background color. After the transition, the background color appears. Could anyone help me with this?
Can you please do a series on creating complex page transitions using either anime js or greesock tweenmax/tweenLite
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?
thank you mannn
I make that transtion in css
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?
Thanks a ton, dose it support all browsers? I have issues with my Chrome here
amazing video man!!
Thank You . This is what I looking for………..
This was really helpfull! Thank you
Let me know if you wanna see more on page transitions ๐