/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 vote390 views1 answer
React native open simulators list
Javascript React
0 vote357 views1 answer
What is react mounting
Javascript React
0 vote361 views1 answer
Reactjs Developer
Javascript React
0 vote371 views2 answers
React social login button
Javascript React
3 votes357 views3 answers
Chart js react
Javascript React
31 votes376 views6 answers
React Sass
Javascript React
0 vote356 views2 answers
React show view based on role permission
Javascript React
0 vote393 views3 answers
React native clear cach
Javascript React
32 votes342 views2 answers
Npm react router dom@5
Javascript React
0 vote416 views1 answer
React onpaste get value
Javascript React