• 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>
    Output
    Change background when hovered.

    Related Post