scale fade animation

gistfile1.txt

        .fade-in {
            animation: fade-in .2s ease-in-out;
            animation-fill-mode: forwards;
            opacity: 0;
            transform: scale(0.96);
        }

        @keyframes fade-in {
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .fade-out {
            animation: fade-out .2s ease-in-out;
            animation-fill-mode: forwards;
            transform: scale(1);
            opacity: 1;
        }

        @keyframes fade-out {
            100% {
                transform: scale(0.96);
                opacity: 0;
            }
        }