UNPKG

roobie

Version:

A collection of CSS classes to keep you writing business logic in your HTML. Easily build maintainable web & mobile applications with 100s of pre-built CSS classes at your fingertips.

github.com/kgrewee/roobie

kgrewee/roobie

31 lines (28 loc) • 1.5 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
# 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> ```