animate.css

.animate-flicker_text {
    -webkit-animation: flicker-5 8s linear infinite both;
    animation: flicker-5 8s linear infinite both;
}

@-webkit-keyframes flicker-5 {

    0%,
    100% {
        opacity: 1;
    }

    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    1.02% {
        opacity: 1;
    }

    8.98% {
        opacity: 1;
    }

    9% {
        opacity: 0;
    }

    9.8% {
        opacity: 0;
    }

    9.82% {
        opacity: 1;
    }

    9.48% {
        opacity: 1;
    }

    9.5% {
        opacity: 1;
    }

    9.6% {
        opacity: 1;
    }

    9.62% {
        opacity: 1;
    }

    14.98% {
        opacity: 1;
    }

    15% {
        opacity: 0.5;
    }

    15.8% {
        opacity: 0.5;
    }

    15.82% {
        opacity: 1;
    }

    15.18% {
        opacity: 1;
    }

    15.2% {
        opacity: 0.7;
    }

    16% {
        opacity: 0.7;
    }

    16.02% {
        opacity: 1;
    }

    15.48% {
        opacity: 1;
    }

    15.5% {
        opacity: 0.5;
    }

    16.2% {
        opacity: 0.5;
    }

    16.22% {
        opacity: 1;
    }

    16.98% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    17.8% {
        opacity: 1;
    }

    17.82% {
        opacity: 1;
    }

    20.48% {
        opacity: 1;
    }

    20.5% {
        opacity: 0.9;
    }

    21.3% {
        opacity: 0.9;
    }

    21.32% {
        opacity: 1;
    }

    20.98% {
        opacity: 1;
    }

    21% {
        opacity: 1;
    }

    22% {
        opacity: 1;
    }

    22.02% {
        opacity: 1;
    }

    39.98% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    41% {
        opacity: 1;
    }

    41.02% {
        opacity: 1;
    }

    40.48% {
        opacity: 1;
    }

    40.5% {
        opacity: 0.6;
    }

    41.4% {
        opacity: 0.6;
    }

    41.42% {
        opacity: 1;
    }

    41.98% {
        opacity: 1;
    }

    42% {
        opacity: 1;
    }

    42.8% {
        opacity: 1;
    }

    42.82% {
        opacity: 1;
    }

    59.98% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    61% {
        opacity: 1;
    }

    61.02% {
        opacity: 1;
    }

    60.18% {
        opacity: 1;
    }

    60.2% {
        opacity: 0.2;
    }

    61% {
        opacity: 0.2;
    }

    61.02% {
        opacity: 1;
    }

    60.78% {
        opacity: 1;
    }

    60.8% {
        opacity: 0.4;
    }

    61.6% {
        opacity: 0.4;
    }

    61.62% {
        opacity: 1;
    }

    61.38% {
        opacity: 1;
    }

    61.4% {
        opacity: 0;
    }

    62.2% {
        opacity: 0;
    }

    62.22% {
        opacity: 1;
    }

    61.78% {
        opacity: 1;
    }

    61.8% {
        opacity: 1;
    }

    62.8% {
        opacity: 1;
    }

    62.82% {
        opacity: 1;
    }

    75.98% {
        opacity: 1;
    }

    76% {
        opacity: 1;
    }

    77% {
        opacity: 1;
    }

    77.02% {
        opacity: 1;
    }

    77.98% {
        opacity: 1;
    }

    78% {
        opacity: 0.7;
    }

    78.8% {
        opacity: 0.7;
    }

    78.82% {
        opacity: 1;
    }

    78.98% {
        opacity: 1;
    }

    79% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    80.02% {
        opacity: 1;
    }

    99.98% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }

    101% {
        opacity: 1;
    }

    101.02% {
        opacity: 1;
    }
}

@keyframes flicker-5 {

    0%,
    100% {
        opacity: 1;
    }

    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    1.02% {
        opacity: 1;
    }

    8.98% {
        opacity: 1;
    }

    9% {
        opacity: 0;
    }

    9.8% {
        opacity: 0;
    }

    9.82% {
        opacity: 1;
    }

    9.48% {
        opacity: 1;
    }

    9.5% {
        opacity: 1;
    }

    9.6% {
        opacity: 1;
    }

    9.62% {
        opacity: 1;
    }

    14.98% {
        opacity: 1;
    }

    15% {
        opacity: 0.5;
    }

    15.8% {
        opacity: 0.5;
    }

    15.82% {
        opacity: 1;
    }

    15.18% {
        opacity: 1;
    }

    15.2% {
        opacity: 0.7;
    }

    16% {
        opacity: 0.7;
    }

    16.02% {
        opacity: 1;
    }

    15.48% {
        opacity: 1;
    }

    15.5% {
        opacity: 0.5;
    }

    16.2% {
        opacity: 0.5;
    }

    16.22% {
        opacity: 1;
    }

    16.98% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    17.8% {
        opacity: 1;
    }

    17.82% {
        opacity: 1;
    }

    20.48% {
        opacity: 1;
    }

    20.5% {
        opacity: 0.9;
    }

    21.3% {
        opacity: 0.9;
    }

    21.32% {
        opacity: 1;
    }

    20.98% {
        opacity: 1;
    }

    21% {
        opacity: 1;
    }

    22% {
        opacity: 1;
    }

    22.02% {
        opacity: 1;
    }

    39.98% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    41% {
        opacity: 1;
    }

    41.02% {
        opacity: 1;
    }

    40.48% {
        opacity: 1;
    }

    40.5% {
        opacity: 0.6;
    }

    41.4% {
        opacity: 0.6;
    }

    41.42% {
        opacity: 1;
    }

    41.98% {
        opacity: 1;
    }

    42% {
        opacity: 1;
    }

    42.8% {
        opacity: 1;
    }

    42.82% {
        opacity: 1;
    }

    59.98% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    61% {
        opacity: 1;
    }

    61.02% {
        opacity: 1;
    }

    60.18% {
        opacity: 1;
    }

    60.2% {
        opacity: 0.2;
    }

    61% {
        opacity: 0.2;
    }

    61.02% {
        opacity: 1;
    }

    60.78% {
        opacity: 1;
    }

    60.8% {
        opacity: 0.4;
    }

    61.6% {
        opacity: 0.4;
    }

    61.62% {
        opacity: 1;
    }

    61.38% {
        opacity: 1;
    }

    61.4% {
        opacity: 0;
    }

    62.2% {
        opacity: 0;
    }

    62.22% {
        opacity: 1;
    }

    61.78% {
        opacity: 1;
    }

    61.8% {
        opacity: 1;
    }

    62.8% {
        opacity: 1;
    }

    62.82% {
        opacity: 1;
    }

    75.98% {
        opacity: 1;
    }

    76% {
        opacity: 1;
    }

    77% {
        opacity: 1;
    }

    77.02% {
        opacity: 1;
    }

    77.98% {
        opacity: 1;
    }

    78% {
        opacity: 0.7;
    }

    78.8% {
        opacity: 0.7;
    }

    78.82% {
        opacity: 1;
    }

    78.98% {
        opacity: 1;
    }

    79% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    80.02% {
        opacity: 1;
    }

    99.98% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }

    101% {
        opacity: 1;
    }

    101.02% {
        opacity: 1;
    }
}

.animate-flicker_entrance {
    -webkit-animation: flicker-in-1 2s linear both;
    animation: flicker-in-1 2s linear both;
}

@-webkit-keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10.1% {
        opacity: 1;
    }

    10.2% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    20.1% {
        opacity: 1;
    }

    20.6% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    30.1% {
        opacity: 1;
    }

    30.5% {
        opacity: 1;
    }

    30.6% {
        opacity: 0;
    }

    45% {
        opacity: 0;
    }

    45.1% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    55.1% {
        opacity: 0;
    }

    57% {
        opacity: 0;
    }

    57.1% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    60.1% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    65.1% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    75.1% {
        opacity: 0;
    }

    77% {
        opacity: 0;
    }

    77.1% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    85.1% {
        opacity: 0;
    }

    86% {
        opacity: 0;
    }

    86.1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10.1% {
        opacity: 1;
    }

    10.2% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    20.1% {
        opacity: 1;
    }

    20.6% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    30.1% {
        opacity: 1;
    }

    30.5% {
        opacity: 1;
    }

    30.6% {
        opacity: 0;
    }

    45% {
        opacity: 0;
    }

    45.1% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    55.1% {
        opacity: 0;
    }

    57% {
        opacity: 0;
    }

    57.1% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    60.1% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    65.1% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    75.1% {
        opacity: 0;
    }

    77% {
        opacity: 0;
    }

    77.1% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    85.1% {
        opacity: 0;
    }

    86% {
        opacity: 0;
    }

    86.1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker_hover:hover {
    -webkit-animation: flicker-in-1 2s linear both;
    animation: flicker-in-1 2s linear both;
}

@-webkit-keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10.1% {
        opacity: 1;
    }

    10.2% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    20.1% {
        opacity: 1;
    }

    20.6% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    30.1% {
        opacity: 1;
    }

    30.5% {
        opacity: 1;
    }

    30.6% {
        opacity: 0;
    }

    45% {
        opacity: 0;
    }

    45.1% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    55.1% {
        opacity: 0;
    }

    57% {
        opacity: 0;
    }

    57.1% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    60.1% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    65.1% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    75.1% {
        opacity: 0;
    }

    77% {
        opacity: 0;
    }

    77.1% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    85.1% {
        opacity: 0;
    }

    86% {
        opacity: 0;
    }

    86.1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flicker-in-1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    10.1% {
        opacity: 1;
    }

    10.2% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    20.1% {
        opacity: 1;
    }

    20.6% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    30.1% {
        opacity: 1;
    }

    30.5% {
        opacity: 1;
    }

    30.6% {
        opacity: 0;
    }

    45% {
        opacity: 0;
    }

    45.1% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    55.1% {
        opacity: 0;
    }

    57% {
        opacity: 0;
    }

    57.1% {
        opacity: 1;
    }

    60% {
        opacity: 1;
    }

    60.1% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    65.1% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    75.1% {
        opacity: 0;
    }

    77% {
        opacity: 0;
    }

    77.1% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    85.1% {
        opacity: 0;
    }

    86% {
        opacity: 0;
    }

    86.1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.slide-animate_left {
    -webkit-animation: slide-in-blurred-left 1.5s ease-out both;
    animation: slide-in-blurred-left 1.5s ease-out both;
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.slide-animate_right {
    -webkit-animation: slide-in-blurred-right 1.5s ease-out both;
    animation: slide-in-blurred-right 1.5s ease-out both;
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.shadow-animate_center:hover {
    -webkit-animation: shadow-drop-2-center .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-2-center .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes shadow-drop-2-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-transform: translateZ(50px);
        transform: translateZ(50px);
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

@keyframes shadow-drop-2-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-transform: translateZ(50px);
        transform: translateZ(50px);
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}