grimoire_css 1.8.1

A magical CSS engine for all environments
Documentation
@keyframes bounce-right {
    0% {
        transform: translateX(48px);
        animation-timing-function: ease-in;
        opacity: 1
    }
    24% {
        opacity: 1
    }
    40% {
        transform: translateX(26px);
        animation-timing-function: ease-in
    }
    65% {
        transform: translateX(13px);
        animation-timing-function: ease-in
    }
    82% {
        transform: translateX(6.5px);
        animation-timing-function: ease-in
    }
    93% {
        transform: translateX(4px);
        animation-timing-function: ease-in
    }
    25%,
    55%,
    75%,
    87%,
    98% {
        transform: translateX(0);
        animation-timing-function: ease-out
    }
    to {
        transform: translateX(0);
        animation-timing-function: ease-out;
        opacity: 1
    }
}

.GRIMOIRE_CSS_ANIMATION {
  animation-name: bounce-right;
}