@@ -56,7 +56,7 @@ Select the loader and add the corresponding HTML. In order to show the loader, y
56
56
57
57
## Examples
58
58
59
- ### Default | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-ball.css ) :sparkles :
59
+ ### Default | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-ball.css ) :sparkles :
60
60
61
61
``` html
62
62
<div class =" loader loader-default is-active" ></div >
@@ -104,7 +104,7 @@ It's also possible to change the text, just passing a value to the attribute `da
104
104
105
105
The variations _ data-half_ , _ data-text_ and _ data-blink_ works together. 😄
106
106
107
- ### Double | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-double.css ) :sparkles :
107
+ ### Double | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-double.css ) :sparkles :
108
108
109
109
``` html
110
110
<div class =" loader loader-double is-active" ></div >
@@ -114,7 +114,7 @@ The variations _data-half_, _data-text_ and _data-blink_ works together. 😄
114
114
115
115
[ See it] ( http://raphaelfabeni.com.br/css-loader/#/loader-double ) :metal :
116
116
117
- ### Bar | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-bar.css ) :sparkles :
117
+ ### Bar | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-bar.css ) :sparkles :
118
118
119
119
``` html
120
120
<div class =" loader loader-bar is-active" ></div >
@@ -162,7 +162,7 @@ Like the `loader` example, it's also possible to pass the `data-text` and `blink
162
162
163
163
* Obs* . It's also possible pass a parameter ` data-text ` with a content value that will show as a text loader, or with no value, and the default * loading* text it's going to show instead.
164
164
165
- ### Border | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-border.css ) :sparkles :
165
+ ### Border | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-border.css ) :sparkles :
166
166
167
167
![ loader-border] ( https://cloud.githubusercontent.com/assets/1345662/19314686/6d733622-9071-11e6-8167-a55e6c16a02f.gif )
168
168
@@ -186,7 +186,7 @@ Like the `loader` example, it's also possible to pass the `data-text` and `blink
186
186
187
187
[ See it] ( http://raphaelfabeni.com.br/css-loader/#/loader-border-text ) :metal :
188
188
189
- ### Ball | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-ball.css ) :sparkles :
189
+ ### Ball | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-ball.css ) :sparkles :
190
190
191
191
``` html
192
192
<div class =" loader loader-ball is-active" ></div >
@@ -208,7 +208,7 @@ Like the `loader` example, it's also possible to pass the `data-text` and `blink
208
208
209
209
[ See it] ( http://raphaelfabeni.com.br/css-loader/#/loader-ball-shadow ) :metal :
210
210
211
- ### Smartphone | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-smartphone.css ) :sparkles :
211
+ ### Smartphone | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-smartphone.css ) :sparkles :
212
212
213
213
``` html
214
214
<div class =" loader loader-smartphone is-active" ></div >
@@ -234,7 +234,7 @@ Like the `loader` example, it's also possible to pass the `data-text` and `blink
234
234
235
235
[ See it] ( http://raphaelfabeni.com.br/css-loader/#/loader-smartphone-text ) :metal :
236
236
237
- ### Clock | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-clock.css ) :sparkles :
237
+ ### Clock | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-clock.css ) :sparkles :
238
238
239
239
``` html
240
240
<div class =" loader loader-clock is-active" ></div >
@@ -244,7 +244,7 @@ Like the `loader` example, it's also possible to pass the `data-text` and `blink
244
244
245
245
[ See it] ( http://raphaelfabeni.com.br/css-loader/#/loader-clock ) :metal :
246
246
247
- ### Curtain | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-curtain.css ) :sparkles :
247
+ ### Curtain | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-curtain.css ) :sparkles :
248
248
249
249
``` html
250
250
<div class =" loader loader-curtain is-active" ></div >
@@ -282,7 +282,7 @@ Like the `loader` example, it's also possible to pass the `data-text` and `blink
282
282
<div class =" loader loader-curtain is-active" colorful data-curtain-text =" Hello" ></div >
283
283
```
284
284
285
- ### Music | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-music.css ) :sparkles :
285
+ ### Music | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-music.css ) :sparkles :
286
286
287
287
``` html
288
288
<div class =" loader loader-music is-active" data-hey-oh ></div >
@@ -332,7 +332,7 @@ This loader differs from the other because we have to pass an attribute to it, a
332
332
333
333
[ See it] ( http://raphaelfabeni.com.br/css-loader/#/loader-music-rock-you ) :metal :
334
334
335
- ### Pokeball | [ Download the CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-pokeball.css ) :sparkles :
335
+ ### Pokeball | [ CSS] ( https://raw.githubusercontent.com/raphaelfabeni/css-loader/master/dist/loader-pokeball.css ) :sparkles :
336
336
337
337
``` html
338
338
<div class =" loader loader-pokeball is-active" ></div >
0 commit comments