# Flip

## Classes
```html
<span class="_flip">Flip</span>
<span class="_fliph">Flip Horizontal</span>
<span class="_flipv">Flip Vertical</span>
<span class="_flipouth">Flip Out Horizontal</span>
<span class="_flipoutv">Flip Out Vertical</span>
```

## Usage
<h2 id="animateMe" class="txtc _flip">Animate me</h2>
<div class="div row wrp jst-center _flip">
    <span class="btn" onclick="Animation.animationById('animateMe', '_flip')">Flip</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_fliph')">Flip Horizontal</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_flipv')">Flip Vertical</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_flipouth')">Flip Out Horizontal</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_flipoutv')">Flip Out Vertical</span>
</div>

```html
<h2 id="animateMe" class="txtc _flip">Animate me</h2>
<div class="div row wrp jst-center _flip">
    <span class="btn" onclick="Animation.animationById('animateMe', '_flip')">Flip</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_fliph')">Flip Horizontal</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_flipv')">Flip Vertical</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_flipouth')">Flip Out Horizontal</span>
    <span class="btn" onclick="Animation.animationById('animateMe', '_flipoutv')">Flip Out Vertical</span>
</div>
```