40 lines
567 B
Markdown
40 lines
567 B
Markdown
|
# Flippable pane
|
||
|
|
|
||
|
|
Vertical or horizontal flippable pane. With 3D animation.
|
||
|
|
|
||
|
|
|
||
|
|
# Markup
|
||
|
|
|
||
|
|
<div class="flippable js-flip" data-component="flippable">
|
||
|
|
<div class="flippable__front">Front</div>
|
||
|
|
<div class="flippable__back">Back</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
## Modifiers
|
||
|
|
|
||
|
|
### .flippable.flippable_vertical
|
||
|
|
|
||
|
|
Vertical rotation (horizontal by default).
|
||
|
|
|
||
|
|
|
||
|
|
## States
|
||
|
|
|
||
|
|
### .flippable.is-flipped
|
||
|
|
|
||
|
|
Back side is visible.
|
||
|
|
|
||
|
|
|
||
|
|
## Events
|
||
|
|
|
||
|
|
### flipped.tamia
|
||
|
|
|
||
|
|
Fires on every flip. Argument will be `true` if back side is visible.
|
||
|
|
|
||
|
|
|
||
|
|
## JS Hooks
|
||
|
|
|
||
|
|
### .js-flip
|
||
|
|
|
||
|
|
Element that flips pane when clicked.
|