Hover-animation NPM

DEMO 1

enter image description here

click here to try demo

enter image description here

click here to try demo

npm install hover-animation

In order to use hover-animation, you have to install react-icons

for react-icons npm install react-icons

Step 1 In App.js, import {YourIcon} from "react-icons"

Step 2

import HoverAnimation1 from "hover-animation/HoverAnimation1"
import HoverAnimation2 from "hover-animation/HoverAnimation2"

Step 3

add HoverAnimation1 Component in your file while passing appropriate props and Icons

<HoverAnimation1 Icon={YourIcon} />

Parameter	Default	Description
Icon	`NA`	"This is to set Icon"
IconSize	`"2vmax"`	"This is to set the size of Icon "
Color	`"white"`	"This is to set the color of Icon
BackgroundColor	`"rgb(25,25,25) Almost Black"`	"This is to set the Background Color
Direction	`"left"`	"This is to set the Direction of animation, this could be left, right, down, up
Circle	`"true"`	"Icon Shape could be circle or square"
Padding	`"1vmax"`	"To set the Logo in Navbar"
Transition	`0.5`	"To set Animation Transition"

Parameter	Default	Description
Icon	`NA`	"This is to set Icon"
IconSize	`"2vmax"`	"This is to set the size of Icon "
Color	`"white"`	"This is to set the color of Icon
BackgroundColor	`"rgb(25,25,25) Almost Black"`	"This is to set the Background Color
Pace	`"medium"`	"This is to the speed of animation, Pace can be slowest, slow, medium, fast, fastest"
Circle	`"true"`	"Icon Shape could be circle or square"
Padding	`"1vmax"`	"To set the Logo in Navbar"
Transition	`0.5`	"To set Animation Transition"