semi-design/packages/semi-animation-styled/src/rotating_entrances/rotateInDownRight.css

/*
* Modified based on animate.css and added prefix name to prevent style conflicts
* Reference: https://github.com/animate-css/animate.css
*/

@keyframes semi-rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.semi-rotateInDownRight {
    animation-name: semi-rotateInDownRight;
}