Horje
react lottie player on hover Code Example
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>



Javascript

Related
DC League of Super-Pets Code Example DC League of Super-Pets Code Example
adonis count with where Code Example adonis count with where Code Example
how to return 5 records instead of 10 records in datatable in laravel Code Example how to return 5 records instead of 10 records in datatable in laravel Code Example
how to check if user is typing discord js Code Example how to check if user is typing discord js Code Example
typing refs react Code Example typing refs react Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 9



 

Horje