Skip to content

Commit 12aba3a

Browse files
committed
Update README and fix the kick animation
1 parent 0b3a4d0 commit 12aba3a

File tree

2 files changed

+7
-2
lines changed

2 files changed

+7
-2
lines changed

README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ It's usually common to show a loader to users when they must wait for something
2828
* [curtain](#curtain)
2929
* [music](#music)
3030
* [pokeball](#pokeball)
31+
* [bouncing](#bouncing)
3132
* [Contributing](#contributing)
3233
* [Browser Support](#browser-support)
3334

@@ -39,6 +40,10 @@ npm install pure-css-loader
3940

4041
Also you can clone the repository or [download the zip file](https://github.com/raphaelfabeni/css-loader/archive/master.zip) and get the main *CSS* file that is located in: `dist/css-loader.css`.
4142

43+
## Thanks
44+
45+
Thanks for all this [amazing people](https://github.com/raphaelfabeni/css-loader/graphs/contributors) who already helped me with the project.
46+
4247
## Setup
4348

4449
Add the CSS file to your project and add the link to the file:

src/loaders/_loader-ball.sass

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
background-color: $loader-ball--color
1414
border-radius: 50%
1515
z-index: 1
16-
animation: kick 1s infinite alternate ease-in both
16+
animation: kickBall 1s infinite alternate ease-in both
1717

1818
&[data-shadow]:before
1919
box-shadow: -5px -5px 10px 0 $loader-ball--shadow inset
@@ -48,7 +48,7 @@
4848
background-color: rgba(0, 0, 0, .75)
4949
transform: scale(1)
5050

51-
@keyframes kick
51+
@keyframes kickBall
5252
0%
5353
transform: translateY(-80px) scaleX(.95)
5454

0 commit comments

Comments
 (0)