Option: autoCenter: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 14: | Line 14: | ||
<pre class="css"> | <pre class="css"> | ||
#flipbook{ | #flipbook{ | ||
-webkit-transition:margin-left 0.2s ease-in-out; | |||
-moz-transition:margin-left 0.2s ease-in-out; | |||
-o-transition:margin-left 0.2s ease-in-out; | |||
-ms-transition:margin-left 0.2s ease-in-out; | |||
transition:margin-left 0.2s ease-in-out; | |||
} | } | ||
</pre> | </pre> | ||
<yambe:breadcrumb>Turn Options</yambe:breadcrumb> | <yambe:breadcrumb>Turn Options</yambe:breadcrumb> |
Latest revision as of 06:25, 26 November 2012
Centers the flipbook depending on how many pages are visible. The autoCenter option changes the CSS margin-left property of the flipbook.
Type | Default value |
---|---|
Boolean | false |
Adding animation
It's just as simple as adding a transition to the margin-left property.
#flipbook{ -webkit-transition:margin-left 0.2s ease-in-out; -moz-transition:margin-left 0.2s ease-in-out; -o-transition:margin-left 0.2s ease-in-out; -ms-transition:margin-left 0.2s ease-in-out; transition:margin-left 0.2s ease-in-out; }
<yambe:breadcrumb>Turn Options</yambe:breadcrumb>