Jan 10, 2015
New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/3d-curtain-template/
3D Curtain Template
Download Demo
3D Curtain Template is a list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.
The 2-blocks design approach is quite common nowadays. On one side the text paragraph, on the other a visual element. With this nugget we tried to “spice-up” the transition between the sections by simulating a movement along the z-axis while the user is scrolling (or using the 2 navigation buttons).
We didn’t use any CSS 3D property though, just the Scale and Translate transformations, controlled through jQuery.