CSS Hover

CSS Hover lets you change the css property of an element when you hover or move the mouse inside the element. You can define the hover effect by using “selector:hover” where selector will be the classname, id or the element.

.div-hover {
   width: 250px;
   height: 100px;
   background: blue;
}
.div-hover:hover {
   background: green;
}

<div class="div-hover">Change background when hovered.</div>