How Do I Add Hover CSS in WordPress?

Adding hover CSS in WordPress is simple. Simply add the following code to your theme’s style.css file:

.hover {

-webkit-transition: all .15s ease-in-out;

-moz-transition: all .15s ease-in-out;

-o-transition: all .15s ease-in-out;

transition: all .15s ease-in-out;

}

This will add a hover effect to any element that has the .hover class applied to it. You can also use the .

hover-over and .hover-out classes to control when the hover effect occurs.