Update README and fix the kick animation

raphaelfabeni · Mar 22, 2018 · 12aba3a · 12aba3a
1 parent 0b3a4d0
commit 12aba3a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -28,6 +28,7 @@ It's usually common to show a loader to users when they must wait for something
  * [curtain](#curtain)
  * [music](#music)
  * [pokeball](#pokeball)
+ * [bouncing](#bouncing)
 * [Contributing](#contributing)
 * [Browser Support](#browser-support)
 
@@ -39,6 +40,10 @@ npm install pure-css-loader
 
 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`.
 
+## Thanks
+
+Thanks for all this [amazing people](https://github.com/raphaelfabeni/css-loader/graphs/contributors) who already helped me with the project.
+
 ## Setup
 
 Add the CSS file to your project and add the link to the file:

diff --git a/src/loaders/_loader-ball.sass b/src/loaders/_loader-ball.sass
@@ -13,7 +13,7 @@
  background-color: $loader-ball--color
  border-radius: 50%
  z-index: 1
- animation: kick 1s infinite alternate ease-in both
+ animation: kickBall 1s infinite alternate ease-in both
 
  &[data-shadow]:before
  box-shadow: -5px -5px 10px 0 $loader-ball--shadow inset
@@ -48,7 +48,7 @@
  background-color: rgba(0, 0, 0, .75)
  transform: scale(1)
 
-@keyframes kick
+@keyframes kickBall
  0%
  transform: translateY(-80px) scaleX(.95)