Skip to content

Commit c755f8c

Browse files
committed
update README for a simple instruction and preview image
1 parent 4aeed2f commit c755f8c

1 file changed

Lines changed: 23 additions & 0 deletions

File tree

README.md

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,34 @@
11
loading.css
22
------------------
33

4+
![loading.css preview](https://github.com/loadingio/loading.css/blob/master/preview.gif?raw=true)
5+
46
40+ Handcrafted CSS animations dedicated for your loaders. All animations here are designed for repeatable, infinitely playing. online demo could be found here: [loading.css](https://loading.io/animation/)
57

68
loading.css is released together with a handy tool which build GIFs from CSS animation for us. Check [Custom GIF Generator](https://loading.io/animation/icon/) to see how it works.
79

810

11+
12+
Usage
13+
==================
14+
15+
1. download and include [loading.css](https://raw.githubusercontent.com/loadingio/loading.css/master/dist/loading.css):
16+
17+
18+
<link rel="stylesheet" type="text/css" href="loading.css"/>
19+
20+
21+
2. check [loading.css animation gallery](https://loading.io/animation/) for the name of animations you want to use. for example, `ld-spin`.
22+
23+
3. use the name as css class on the element you want to animate:
24+
25+
26+
<div class="ld ld-spin"></div>
27+
28+
29+
4. for more information, check out [loading.css animation documentation](https://loading.io/animation/).
30+
31+
932
LICENSE
1033
==================
1134

0 commit comments

Comments
 (0)