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

Code Example 1

@keyframes bounce {
  0%, 20%, 60%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

Code Example 2

a:hover {
  background-color: yellow;
}

Code Example 3

a:hover{ 
	background-color: yellow;
}

Code Example 4

.i {
    color: #fff;
    font-size: 35px;
    margin: 15px 15px 0 15px;
    transition: 0.2s;
    transition-property: color, transform;
}

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

Code Example 5

a:hover
 { 

   background-color: yellow;

 }

Code Example 6

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

Learn ReactJs, React Native from akashmittal.com