Skip to content

Commit f189a84

Browse files
committed
version 0.0.12
1 parent 912ef9d commit f189a84

File tree

2 files changed

+62
-77
lines changed

2 files changed

+62
-77
lines changed

README.md

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -14,19 +14,12 @@ install animate-css-styled-components
1414

1515
## How to use
1616

17-
import animate-css-styled-components module calling global animations or a specific animation
17+
import animate-css-styled-components module calling global animations
1818

1919
```
2020
import { Wobble, FadeIn, FadeOut } from 'animate-css-styled-components';
2121
```
2222

23-
or
24-
25-
```
26-
import Wobble from 'animate-css-styled-components/Especials/Wobble';
27-
```
28-
29-
3023
###### See how import specifics animations [here](https://github.com/dielduarte/animate-css-styled-components/tree/master/docs/specific-animations).
3124

3225
Now, this animation is a component and you can encompassing the desired content within the component.

docs/specific-animations/README.md

Lines changed: 61 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
## Attention
77

88
```
9-
import AnimationType from 'animate-css-styled-components/Attention/AnimationType';
9+
import { AnimationType } from 'animate-css-styled-components';
1010
```
1111
#### Animations types
1212
- Flash
@@ -22,14 +22,10 @@
2222
## Bounce
2323

2424
```
25-
import AnimationType from 'animate-css-styled-components/Bounce/AnimationType';
25+
import { AnimationType } from 'animate-css-styled-components';
2626
```
2727
#### Animations types
2828
- Bounce
29-
- For Bounce animation just import the index file:
30-
```
31-
import Bounce from 'animate-css-styled-components/Bounce';
32-
```
3329
- BounceIn
3430
- BounceInDown
3531
- BounceInLeft
@@ -45,7 +41,7 @@
4541
## Especials
4642

4743
```
48-
import AnimationType from 'animate-css-styled-components/Especials/AnimationType';
44+
import { AnimationType } from 'animate-css-styled-components';
4945
```
5046
#### Animations types
5147
- Hinge
@@ -56,107 +52,103 @@
5652
## Fade
5753

5854
```
59-
import AnimationType from 'animate-css-styled-components/Fade/AnimationType';
55+
import { AnimationType } from 'animate-css-styled-components';
6056
```
6157
#### Animations types
62-
- In
63-
- InDown
64-
- InDownBig
65-
- InLeft
66-
- InLeftBig
67-
- InRight
68-
- InRightBig
69-
- InUp
70-
- InUpBig
71-
- Out
72-
- OutDown
73-
- OutDownBig
74-
- OutLeft
75-
- OutLeftBig
76-
- OutRight
77-
- OutRightBig
78-
- OutUp
79-
- OutUpBig
58+
- FadeIn
59+
- FadeInDown
60+
- FadeInDownBig
61+
- FadeInLeft
62+
- FadeInLeftBig
63+
- FadeInRight
64+
- FadeInRightBig
65+
- FadeInUp
66+
- FadeInUpBig
67+
- FadeOut
68+
- FadeOutDown
69+
- FadeOutDownBig
70+
- FadeOutLeft
71+
- FadeOutLeftBig
72+
- FadeOutRight
73+
- FadeOutRightBig
74+
- FadeOutUp
75+
- FadeOutUpBig
8076

8177
## Flip
8278

8379
```
84-
import AnimationType from 'animate-css-styled-components/Flip/AnimationType';
80+
import { AnimationType } from 'animate-css-styled-components';
8581
```
8682
#### Animations types
8783

8884
- Flip
89-
- For Flip animation just import the index file:
90-
```
91-
import Flip from 'animate-css-styled-components/Flip';
92-
```
93-
- InX
94-
- InY
95-
- OutX
96-
- OutY
85+
- FlipInX
86+
- FlipInY
87+
- FlipOutX
88+
- FlipOutY
9789

9890
## LightSpeed
9991

10092
```
101-
import AnimationType from 'animate-css-styled-components/LightSpeed/AnimationType';
93+
import { AnimationType } from 'animate-css-styled-components';
10294
```
10395
#### Animations types
10496

105-
- In
106-
- Out
97+
- LightSpeedIn
98+
- LightSpeedOut
10799

108100

109101
## Rotate
110102

111103
```
112-
import AnimationType from 'animate-css-styled-components/Rotate/AnimationType';
104+
import { AnimationType } from 'animate-css-styled-components';
113105
```
114106
#### Animations types
115107

116-
- In
117-
- InDownLeft
118-
- InDownRight
119-
- InUpLeft
120-
- InUpRight
121-
- Out
122-
- OutDownLeft
123-
- OutDownRight
124-
- OutUpLeft
125-
- OutUpRight
108+
- RotateIn
109+
- RotateInDownLeft
110+
- RotateInDownRight
111+
- RotateInUpLeft
112+
- RotateInUpRight
113+
- RotateOut
114+
- RotateOutDownLeft
115+
- RotateOutDownRight
116+
- RotateOutUpLeft
117+
- RotateOutUpRight
126118

127119

128120

129121
## Slide
130122

131123
```
132-
import AnimationType from 'animate-css-styled-components/Slide/AnimationType';
124+
import { AnimationType } from 'animate-css-styled-components';
133125
```
134126
#### Animations types
135127

136-
- InDown
137-
- InLeft
138-
- InRight
139-
- InUp
140-
- OutDown
141-
- OutLeft
142-
- OutRight
143-
- OutUp
128+
- SlideInDown
129+
- SlideInLeft
130+
- SlideInRight
131+
- SlideInUp
132+
- SlideOutDown
133+
- SlideOutLeft
134+
- SlideOutRight
135+
- SlideOutUp
144136

145137

146138
## Zoom
147139

148140
```
149-
import AnimationType from 'animate-css-styled-components/Zoom/AnimationType';
141+
import { AnimationType } from 'animate-css-styled-components';
150142
```
151143
#### Animations types
152144

153-
- In
154-
- InDown
155-
- InLeft
156-
- InRight
157-
- InUp
158-
- Out
159-
- OutDown
160-
- OutLeft
161-
- OutRight
162-
- OutUp
145+
- ZoomIn
146+
- ZoomInDown
147+
- ZoomInLeft
148+
- ZoomInRight
149+
- ZoomInUp
150+
- ZoomOut
151+
- ZoomOutDown
152+
- ZoomOutLeft
153+
- ZoomOutRight
154+
- ZoomOutUp

0 commit comments

Comments
 (0)