vanillajs-deck/css/animations.css

@keyframes slide-left {
    from { margin-left: 0vw; }
    to { margin-left: -100vw; }
}

@keyframes enter-right {
    from { margin-left: 100vw; }
    to { margin-left: 0vw; }
}

.anim-slide-left-begin {
    animation-name: slide-left;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}

.anim-slide-left-end {
    animation-name: enter-right;
    animation-timing-function: ease-out;
    animation-duration: 0.3s;
}

@keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

.anim-spin {
    animation-name: spin;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}