_animations.scss

@keyframes soldanGelenYazi{
    0%{
        transform: translateX(-50%);
    }

    70%{
        transform: translateX(20%);
    }

    100%{
        transform: translateX(0);  
    }
}

@keyframes sağdanGelenYazi{
    0%{
        transform: translateX(50%);
    }

    70%{
        transform: translateX(-20%);
    }

    100%{
        transform: translateX(0);
    }
}

@keyframes ortayaCik{
    0%{
        transform: scale(0);
    }

    70%{
        transform: scale(1.2);
    }

    100%{
        transform: scale(1);
    }
}

@keyframes ortayaCik2{
    0%{
        transform: scale(.8);
    }

    100%{
        transform: scale(1);
    }
}