Hover Css: hiện chữ đẹp khi hover

 

**** HTML:

<div class="cases-pic posR">

<a href="#" class="case-link">

<img src="link__hinhanh">

<p>View</p>

</a>

</div>

**** CSS:

p:not(.has-background):last-of-type {

    padding-bottom: 0;

}

a.case-link p {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    display: grid;

    align-content: center;

    z-index: 999999;

    color: white;

    text-transform: uppercase;

    font-size: 18px !important;

    letter-spacing: 5px !important;

    top: -10px;

    opacity: 0;

}

a.case-link p {

    transition: .15s ease-in-out !important;

}

a.case-link:hover p {

    top: 0;

    opacity: 1;

}