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

Code Example 1

a:hover{ 
	background-color: yellow;
}

Code Example 2

/* Changes an element's color on hover */

.selector {
	background-color: black;
}

.selector:hover {
	background-color: blue;
}

Code Example 3

/* unvisited link */
a:link {
  color: green;
}

 
/* visited link */

 a:visited {
  color: green;
}

/* mouse over link */

 a:hover {
  color: red;
}

/* selected link */

 a:active {
  color: yellow;
}

Code Example 4

a:hover
 { 

   background-color: yellow;

 }

Code Example 5

.YOURHTMLCONTENT i {
    height: auto;
    float: left;
    color: #fff;
    font-size: 55px;
    margin: 30px 30px 30px 30px;
    transition: 0.8s;
    transition-property: color, transform;
}

.YOURHTMLCONTENT i:hover {
    color: #FF5733;
    transform: scale(1.3);
}

Code Example 6

.a:hover{background-color: black;}

Learn ReactJs, React Native from akashmittal.com