Option: autoCenter: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 9: | Line 9: | ||
| false | | false | ||
|} | |} | ||
==Adding animation== | |||
It's just as simple as adding a transition to the <tt>margin-left</tt> property. | |||
<pre class="css"> | |||
#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> | |||
<yambe:breadcrumb>Turn Options</yambe:breadcrumb> | <yambe:breadcrumb>Turn Options</yambe:breadcrumb> | ||
Revision as of 04:22, 16 August 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>