@@ -9,7 +9,7 @@ If you want to use magic animations in [react](https://github.com/facebook/react
99
1010Include the CSS style: magic.css
1111or
12- include the mynified version: magic.min.css
12+ include the minified version: magic.min.css
1313
1414Example:
1515``` html
@@ -29,7 +29,7 @@ If you want to load the animation after certain time, you can use this example:
2929``` js
3030// set timer to 5 seconds, after that, load the magic animation
3131setTimeout (function (){
32- $ (' .yourdiv' ).addClass (' magictime puffIn' );
32+ $ (' .yourdiv' ).addClass (' magictime puffIn' );
3333}, 5000 );
3434```
3535
@@ -41,7 +41,7 @@ setInterval(function(){
4141}, 3000 );
4242```
4343
44- You can change the time of the animation by set the class "magictime" for example:
44+ You can change the time of the animation by setting the class "magictime" for example:
4545``` css
4646.magictime {
4747-webkit-animation-duration : 3s ;
@@ -52,16 +52,16 @@ animation-duration: 3s;
5252Default CSS timing is:
5353``` css
5454.magictime {
55- -webkit-animation-duration : 1s ;
56- animation-duration : 1s ;
55+ -webkit-animation-duration : 1s ;
56+ animation-duration : 1s ;
5757}
5858```
5959
60- If you want to assign the timing to a specific animation, you can use that code (use 2 class):
60+ If you want to assign the timing to a specific animation, you can use the following code (use 2 class):
6161``` css
6262.magictime.magic {
63- -webkit-animation-duration : 10s ;
64- animation-duration : 10s ;
63+ -webkit-animation-duration : 10s ;
64+ animation-duration : 10s ;
6565}
6666```
6767
0 commit comments