semi-design/packages/semi-animation-styled/src/specials/rollIn.css

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes semi-rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

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