This is a reveal.js presentation which uses CSS Custom Filters for transitions between slides.

At present you must use Google Chrome Canary to view the CSS Custom Filters. Navigate to about://flags and then enabled CSS Shaders.

If you are using Google Chrome Canary with CSS Shaders enabled, you can view the atual presentation here.

Right now, the custom filter transitions are only used for the top level navigation. When you want to navigate down a stack and one of the CSS Custom Filter transitions is acive, the box transition is used instead to differentiate.

If you want to see what this looks like, check out this Youtube video: http://youtu.be/s2p512eVsmE

Check out my other experiments on http://blattchat.com.

If you want simply want to add these extensions to your existing reveal.js presentation, all you need to do is add the css/shaders folder and the shader-specific css files (burn.css, dissolve.css & tile-flip.css) to your existing css folder and then include the css files from index.html.

Enjoy!