.show {
    display: block;
}

.hide {
    display: none;
}

.fade {
    animation-name: fade;
    animation-duration: 1.7s;
}

/* анимация длится от прозрачности 40% до 100% */
@keyframes fade{from{opacity: 0.4;} to{opacity: 1;}}