.fx-transition-fade
{
    animation: fx-fade ease 0.75s;
}

    @keyframes fx-fade
    {
        0% {opacity:1;}
        50% {opacity: 0;}
        100% {opacity:1;}
    }

.fx-transition-slide
{
    animation: fx-slide 1s forwards;
}

    @keyframes fx-slide
    {
        0% {transform: translateX(-100%);}
        100% {transform: translateX(0);}
    }

.fx-transition-grow
{
    animation: fx-grow 1s forwards;
}

    @keyframes fx-grow
    {
        0% {transform: scale(0);}
        100% {transform: scale(1);}
    }

.fx-transition-spin
{
    animation: fx-spin 1s linear infinite;
}

    @keyframes fx-spin
    {
        0% {transform: rotate(0deg);}
        100% {transform: rotate(360deg);}
    }

.fx-transition-bounce
{
    animation: fx-bounce 1s infinite;
}

    @keyframes fx-bounce
    {
        0% {transform: translateY(0);}
        50% {transform: translateY(-30px);}
        100% {transform: translateY(0);}
    }

.fx-transition-flip
{
    animation: fx-flip 1s forwards;
}

    @keyframes fx-flip
    {
        0% {transform: rotateY(0deg);}
        100% {transform: rotateY(180deg);}
    }