1.0.6 • Published 2 years ago
easy-react-animation v1.0.6
easy-react-animation
In the project directory, you can run:
yarn add easy-react-animation
or
npm i easy-react-animation
Mouse Response
You can import Mouse Animation animation directly from the main package
import { MouseResponse } from 'easy-react-animation'
Usage
<MouseResponse depth={low || medium || high}>
<div>
<h2>Your amazing component here</h2>
</div>
</MouseResponse>
Props
Depth
You can easily set the depth intensity by setting the 'depth' prop at the Mouse Response compononent
DEFAULT VALUE = LOW
Text Animation
You can also import each Text Animation directly from the main package
import { Flipping } from 'easy-react-animation'
Usage
<Flipping text="Flipping" className="yourClassName" style={yourInlineStyle} color="yourColor" accessibilityFriendly=true />
Props
Text
To set your text
className
To apply your CSS style
style
To apply your inline style
color
To apply your text color (RGB or hex)
accessibilityFriendly
To make it readable to screen readers
Animations
Below is a list of all available animations
MouseResponse
Enter
Fading
Filling
Flipping
Folding
Karaoke
Rolling
Scaling
Spinning