June 11, 2012 1

.net mag: Create a page turn effect with CSS3 [Read Online]

By

Page Turn Effect

The tutorial I wrote for the January edition of .net mag is now available to read online.

The tutorial shows how to make a page turn effect, similar to the one found in Flux, with JavaScript and CSS3.

Enjoy!

  • gregoryth

    In the hopes that we might get a responsive version of Flux Slider I figured I would see if I could make this simpler page turn effect responsive. I was able to do it using a technique I found for maintaining video aspect ratios when those videos are resized.

    Scroll down to the bottom of the page to see your page turner. Then resize the browser to make it smaller.

    http://greghoustondesign.com/sandbox/page-turn/