Class: .hard

From Turn.js Documentation
Revision as of 15:31, 6 August 2012 by Emmanuel (talk | contribs) (→‎Adding depth)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Sets a hard transition effect for a page. By setting all the pages as hard you will create the same effect as in Flipboard.


<div id="flipbook">
   <div class="hard">Page 1</div>
   <div class="hard">Page 2</div>

Adding depth

#flipbook .page-wrapper{
   -moz-perspective: 2000px;
   -ms-perspective: 2000px;
   perspective: 2000px;

See Also

<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>