How is the github source browser transition done?

Question

For those who don't know what I'm talking about: https://github.com/ThePixelDeveloper/pixel-pagination

When you click on a directory or file github slides the content left to reveal the new content. I understand the loading of the content is done with pjax and I got this part down, but really struggle with the transition. The problem is the new content is loaded into the container I'm moving and so it vanishes off the edge of the screen and doesn't wait for any animations to complete.

My question is: How do I load new pjax content into a new container? After that's figured out all I would need to do is slide the whole container left once the content has loaded to reveal it.

Answer 1

It's HTML5, they talk about this on their blog : https://github.com/blog/760-the-tree-slider