Hover div trượt lên với "transition - transform"

 ==== transition - transform ====

****HTML

<div class="disnews">Nội dung hơn 5 dòng </div>

****CSS

.disnews {

    display: flex;

    width: 100%;

    padding: .75rem;

    border: 1px solid #d9d9d9;

    background-color: #fff;

    box-shadow: 0 1px 1px rgba(0, 0, 0, .16), 0 1px 1px rgba(0, 0, 0, .23);

    height: 100%;

    transition: .3s ease;

    margin-bottom: 30px;

}

.disnews:hover {                                                                                 

    transform: translateY(-.5rem);

}