HEX
Server: Apache/2.4.52 (Ubuntu)
System: Linux spn-python 5.15.0-89-generic #99-Ubuntu SMP Mon Oct 30 20:42:41 UTC 2023 x86_64
User: arjun (1000)
PHP: 8.1.2-1ubuntu2.20
Disabled: NONE
Upload Files
File: //home/arjun/projects/buyercall/buyercall/assets/components/widgets/styles/_animations.scss
.buyercall-bounce-in {
    animation: buyercall-bounce-in 1s;
}
@keyframes buyercall-bounce-in {
    0% { transform: scale(0); }
    50% { transform: scale(1.1); }
    75% { transform: scale(0.8); }
    100% { transform: scale(1); }
}

.buyercall-bounce-down {
    animation: buyercall-bounce-down 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-bounce-down {
    0% { transform: translateY(-100vh); }
    50% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    75% { transform: translateY(-50%); }
    100% { transform: translateY(0); }
}

.buyercall-bounce-right {
    animation: buyercall-bounce-right 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-bounce-right {
    0% { transform: translateX(-100vh); }
    50% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
    75% { transform: translateX(50%); }
    100% { transform: translateX(0); }
}

.buyercall-bounce-left {
    animation: buyercall-bounce-left 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-bounce-left {
    0% { transform: translateX(100vh); }
    50% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
    75% { transform: translateX(50%); }
    100% { transform: translateX(0); }
}

.buyercall-bounce-up {
    animation: buyercall-bounce-up 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-bounce-up {
    0% { transform: translateY(100vh); }
    50% {
        transform: translateY(0);
        animation-timing-function: ease-out;
    }
    75% { transform: translateY(50%); }
    100% { transform: translateY(0); }
}

.buyercall-fade-in {
    animation: buyercall-fade-in 1s;
}
@keyframes buyercall-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.buyercall-fade-down {
    animation: buyercall-fade-down 1s;
}
@keyframes buyercall-fade-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.buyercall-fade-up {
    animation: buyercall-fade-up 1s;
}
@keyframes buyercall-fade-up {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.buyercall-fade-right {
    animation: buyercall-fade-right 1s;
}
@keyframes buyercall-fade-right {
    0% {
        opacity: 0;
        transform: translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.buyercall-fade-left {
    animation: buyercall-fade-left 1s;
}
@keyframes buyercall-fade-left {
    0% {
        opacity: 0;
        transform: translateX(50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.buyercall-slide-down {
    animation: buyercall-slide-down 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-slide-down {
    0% { transform: translateY(-100vh); }
    100% { transform: translateY(0); }
}

.buyercall-slide-right {
    animation: buyercall-slide-right 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-slide-right {
    0% { transform: translateX(-100vh); }
    100% { transform: translateX(0); }
}

.buyercall-slide-left {
    animation: buyercall-slide-left 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-slide-left {
    0% { transform: translateX(100vh); }
    100% { transform: translateX(0); }
}

.buyercall-slide-up {
    animation: buyercall-slide-up 0.75s;
    animation-timing-function: ease-in;
}
@keyframes buyercall-slide-up {
    0% { transform: translateY(100vh); }
    100% { transform: translateY(0); }
}

.buyercall-rotate-in {
    animation: buyercall-rotate-in 0.75s;
}
@keyframes buyercall-rotate-in {
    0% { transform: rotate(180deg); }
    100% { transform: rotate(0); }
}

.buyercall-rotate-down-left {
    animation: buyercall-rotate-down-left 0.75s;
    transform-origin: bottom left;
}
@keyframes buyercall-rotate-down-left {
    0% { transform: rotate(-90deg); }
    100% { transform: rotate(0); }
}

.buyercall-rotate-down-right {
    animation: buyercall-rotate-down-right 0.75s;
    transform-origin: bottom right;
}
@keyframes buyercall-rotate-down-right {
    0% { transform: rotate(90deg); }
    100% { transform: rotate(0); }
}

.buyercall-rotate-up-left {
    animation: buyercall-rotate-up-left 0.75s;
    transform-origin: top left;
}
@keyframes buyercall-rotate-up-left {
    0% { transform: rotate(90deg); }
    100% { transform: rotate(0); }
}

.buyercall-rotate-up-right {
    animation: buyercall-rotate-up-right 0.75s;
    transform-origin: top right;
}
@keyframes buyercall-rotate-up-right {
    0% { transform: rotate(-90deg); }
    100% { transform: rotate(0); }
}

.buyercall-shake {
    animation: buyercall-shake 0.4s;
}
@keyframes buyercall-shake {
    0% { transform: translateX(5px); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
}

.buyercall-flip-vertical {
    animation: buyercall-flip-vertical 1.5s;
}
@keyframes buyercall-flip-vertical {
    0% { transform: rotate3d(0, 1, 0, 20deg); }
    25% { transform: rotate3d(0, 1, 0, -20deg); }
    50% { transform: rotate3d(0, 1, 0, 20deg); }
    75% { transform: rotate3d(0, 1, 0, 0); }
}

.buyercall-flip-horizontal {
    animation: buyercall-flip-horizontal 1.5s;
}
@keyframes buyercall-flip-horizontal {
    0% { transform: rotate3d(1, 0, 0, 20deg); }
    25% { transform: rotate3d(1, 0, 0, -20deg); }
    50% { transform: rotate3d(1, 0, 0, 20deg); }
    75% { transform: rotate3d(1, 0, 0, 0); }
}