xiaowang/assets/css/partials/animations.scss

// ----------------------------------------------------------------------------
// ANIMATIONS
// ----------------------------------------------------------------------------

@keyframes expand-outline {
    from {
        outline-offset: 0;
    }
    to {
        outline-offset: 2px;
    }
}

@keyframes wave-up {
    0% {
        top: 0;
    }
    60% {
        top: -0.5rem;
    }
    100% {
        top: 0;
    }
}

@keyframes wave-down {
    0% {
        bottom: 0;
    }
    60% {
        bottom: -0.5rem;
    }
    100% {
        bottom: 0;
    }
}