@@ -9,7 +9,7 @@ If you want to use magic animations in [react](https://github.com/facebook/react
9
9
10
10
Include the CSS style: magic.css
11
11
or
12
- include the mynified version: magic.min.css
12
+ include the minified version: magic.min.css
13
13
14
14
Example:
15
15
``` html
@@ -29,7 +29,7 @@ If you want to load the animation after certain time, you can use this example:
29
29
``` js
30
30
// set timer to 5 seconds, after that, load the magic animation
31
31
setTimeout (function (){
32
- $ (' .yourdiv' ).addClass (' magictime puffIn' );
32
+ $ (' .yourdiv' ).addClass (' magictime puffIn' );
33
33
}, 5000 );
34
34
```
35
35
@@ -41,7 +41,7 @@ setInterval(function(){
41
41
}, 3000 );
42
42
```
43
43
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:
45
45
``` css
46
46
.magictime {
47
47
-webkit-animation-duration : 3s ;
@@ -52,16 +52,16 @@ animation-duration: 3s;
52
52
Default CSS timing is:
53
53
``` css
54
54
.magictime {
55
- -webkit-animation-duration : 1s ;
56
- animation-duration : 1s ;
55
+ -webkit-animation-duration : 1s ;
56
+ animation-duration : 1s ;
57
57
}
58
58
```
59
59
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):
61
61
``` css
62
62
.magictime.magic {
63
- -webkit-animation-duration : 10s ;
64
- animation-duration : 10s ;
63
+ -webkit-animation-duration : 10s ;
64
+ animation-duration : 10s ;
65
65
}
66
66
```
67
67
0 commit comments