Class: .hard: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
Line 14: Line 14:


<pre class="css">
<pre class="css">
#bookshelf .page-wrapper{
#flipbook .page-wrapper{
-webkit-perspective:2000px;
-webkit-perspective:2000px;
-moz-perspective: 2000px;
-moz-perspective: 2000px;

Revision as of 04:53, 19 July 2012

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

Example:

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

Adding a feeling of depth to hard pages

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

See Also

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