/Javascript/React/React lottie player on hover

React lottie player on hover

import lottieJson from './lottie.json'


const [play, setPlay] = useState(false);

function startPlay() {
  setPlay(true);
}

function stopPlay() {
  setPlay(false);
}

<div className="col-md-5" onMouseEnter={startPlay} onMouseLeave={stopPlay}>
  <Lottie
    className={"img-fluid"}
    animationData={lottieJson}
    mode={"bounce"}
    speed={2}
    play={play}
    loop
    style={{width: "400px", height: "400px", background: "#FFFFFF"}}
    ref={lottieRef}
  />

</div>

Similar codes

0 vote320 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote303 views1 answer
Added font to react native
Javascript React
0 vote298 views1 answer
React native layout animation android
Javascript React
40 votes317 views4 answers
On click copy to clipboard react
Javascript React
0 vote314 views1 answer
How to pass property component in react enzyme
Javascript React
2 votes290 views1 answer
Rn touchableopacity
Javascript React
0 vote334 views1 answer
Install react hotjar
Javascript React
0 vote349 views1 answer
Create-react-app enviroment variables
Javascript React
0 vote309 views3 answers
How to get svg from pucblic folder in react
Javascript React
0 vote292 views1 answer
Remove unused dependencies in React Ask Question
Javascript React