diff --git a/README.md b/README.md index 4ffa383..21dad2d 100644 --- a/README.md +++ b/README.md @@ -14,21 +14,21 @@ All you need to do is connect the css file and use a specific class to an elemen ## Install with NPM -
npm install npm i motion-css-animation
+npm install npm i motion-css-animation
After that you can import it into your style file with:
-@import 'node_modules/motion-css-animation/main';
@import 'node_modules/motion-css-animation/main';
Connect stylesheet in <head> tag on your site:
-<link rel="stylesheet" href="motion.min.css">
+<link rel="stylesheet" href="motion.min.css">
Add class "animation" to an element that should be animated. Now select the kind of animation for your item and add the appropriate class. The name of the animation is the class that you have to add. For example, I want to add animation appearance to the left. It is called "fade-in-left". Here's how it will look my element:
-<div class="animation fade-in-left">...
<div class="animation fade-in-left">...
As you may have guessed, I added a class="animation fade-in-left".