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

40 lines (37 loc) • 2.2 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
32
33
34
35
36
37
38
39
40
# Back ## Classes ```html <span class="_backt">Back Top</span> <span class="_backb">Back Bottom</span> <span class="_backl">Back Left</span> <span class="_backr">Back Right</span> <span class="_backoutt">Back Out Top</span> <span class="_backoutb">Back Out Bottom</span> <span class="_backoutl">Back Out Left</span> <span class="_backoutr">Back Out Right</span> ``` ## Usage <h2 id="animateMe" class="txtc _backt">Animate me</h2> <div class="div row wrp jst-center _backb"> <span class="btn" onclick="Animation.animationById('animateMe', '_backt')">Back Top</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backb')">Back Bottom</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backl')">Back Left</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backr')">Back Right</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutt')">Back Out Top</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutb')">Back Out Bottom</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutl')">Back Out Left</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutr')">Back Out Right</span> </div> ```html <h2 id="animateMe" class="txtc _backt">Animate me</h2> <div class="div row wrp jst-center _backb"> <span class="btn" onclick="Animation.animationById('animateMe', '_backt')">Back Top</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backb')">Back Bottom</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backl')">Back Left</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backr')">Back Right</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutt')">Back Out Top</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutb')">Back Out Bottom</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutl')">Back Out Left</span> <span class="btn" onclick="Animation.animationById('animateMe', '_backoutr')">Back Out Right</span> </div> ```