Check out example codes for "react css hover animation". It will help you in understanding the concepts better.

Code Example 1

npm install style-it 
*********
import React from "react";
import Style from "style-it";

class UrClass extends React.Component {
  render() {
    return Style.it(
      `
      .myDiv:hover {
        color:red;
        transform: scale(1.001);
        background: #f0c14b;
      }
    `,
      <div className="myDiv">sample text</div>
    );
  }
}

export default UrClass;

Learn ReactJs, React Native from akashmittal.com