Browse Source

baby-i-am-faded/README: added custom nimation

pull/3/head baby-i-am-faded_0.0.11
remorses 1 year ago
parent
commit
cf51db4dd9
1 changed files with 26 additions and 3 deletions
  1. +26
    -3
      baby-i-am-faded/README.md

+ 26
- 3
baby-i-am-faded/README.md View File

@ -12,8 +12,6 @@
<br/>
</div>
## Features
- 🏷 **TypeScript support** - It is written in TypeScript to make it easier and faster to use the library
@ -45,7 +43,7 @@ export const App = () => (
)
```
## With custom animation
## With other animation
```tsx
import { wobble } from 'baby-i-am-faded/esm/animations' // here are all the animate.css animaitons
@ -59,3 +57,28 @@ export const WithWobble = () => (
</Faded>
)
```
## With custom animation
```tsx
import { keyframes } from '@emotion/core'
const fadeInUp = keyframes`
from {
opacity: 0;
transform: translate3d(0px, -20px, 0px);
}
to {
opacity: 1;
transform: 'none';
}
`
export const WithWobble = () => (
<Faded animation={fadeInUp}>
<Placeholder />
<Placeholder />
<Placeholder />
<Placeholder />
</Faded>
)
```

Loading…
Cancel
Save