CSS

transition css react

import React, { useState } from "react";
//need this package "react-transition-group"//
import { Transition } from 'react-transition-group';

function App() {
  
  //Variable with any name of your choice
  const [inProp, setInProp] = useState(false);
  
  return (
    <div>
      <CSSTransition in={inProp} timeout={200} classNames="my-node">
        <div>
          {"I'll receive my-node-* classes"}
        </div>
      </CSSTransition>
      <button type="button" onClick={() => setInProp(true)}>
        Click to Enter
      </button>
    </div>
  );
}