Hover chữ css

 

**** HTML

<div class="info-category">

    <h3>

        <a href="">Hover chữ</a>

    </h3>

</div>

**** CSS

.info-category h3 {

    font-size: 16px;

    margin-top: 5px;

}

.info-category h3 a {

    color: #fff;

    position: relative;

}

.info-category h3 a:hover:before{

    width: 100%;

}

.info-category h3 a:before {

    content: '';

    position: absolute;

    height: 2px;

    bottom: 0;

    left: 0;

    background-color: #fff;

    width: 0%;

    transition: 0.3s ease all .3s;

    -webkit-transition: 0.3s ease all .3s;

    -moz-transition: 0.3s ease all .3s;

}