@keyframes show {
    from {
        display: block;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes hide {
    from {opacity: 1;}
    to {
        opacity: 0;
        display: none;
    }
}

@keyframes showDiv {
    from {
        display: flex;
        height: 0;
        opacity: 0;
    }
    to {
        height: 40px;
        opacity: 1;
    }
}

@keyframes hideDiv {
    from {
        height: 40px;
        opacity: 1;
    }
    to {
        height: 0;
        opacity: 0;
        display: none;
    }
}


@keyframes getBlur {
    from {filter: blur(0);}
    to {filter: blur(3px)}    
}

@keyframes cancelBlur {
    from {filter: blur(3px);}
    to {filter: blur(0)} 
}

@keyframes imgCornerShow {
    from {
        border-radius: 10px;
    }   
    to {
        border-radius: 0 0 10px 10px;
    }
}


@keyframes imgCornerHide {
    from {
        border-radius: 0 0 10px 10px;
    }   
    to {
        border-radius: 10px;
    }
}