How to make a CSS flip rotation entrance?

selector {
    animation: flip-rotation .75s ease forwards;
}

@keyframes flip-rotation {
    0% {
        opacity: 0;
        transform: translateY(45px) rotate3d(1, 1, 0, 45deg);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}