Skip to content

EP rainbow by elyssalallen

Write a review Install Get Stylus

Details

Authorelyssalallen

LicenseCC0-1.0

Categoryapp.educationperfect.com

Created

Updated

Size3.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

RAINBOW!!!

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Education Perfect - Rainbow
@namespace      USO Archive
@author         elyssalallen
@description    `www.educationperfect.com`
@version        20170502.10.4
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("app.educationperfect.com") {

    @-webkit-keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
    @-moz-keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
    @-o-keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
    @keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }

    #start-button-main {
        border-radius: 6px;
        background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #680fa2);
        background-size: 1800% 1800%;

        -webkit-animation: rainbow 18s ease infinite;
        -z-animation: rainbow 18s ease infinite;
        -o-animation: rainbow 18s ease infinite;
        animation: rainbow 18s ease infinite;
    }

    #submit-button {
        border-radius: 6px;
        background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #680fa2);
        background-size: 1800% 1800%;

        -webkit-animation: rainbow 18s ease infinite;
        -z-animation: rainbow 18s ease infinite;
        -o-animation: rainbow 18s ease infinite;
        animation: rainbow 18s ease infinite;
    }

    #content {
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #680fa2);
    }

    @-webkit-keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
    @-moz-keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
    @-o-keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
    @keyframes rainbow {
        0% {
            background-position: 0% 82%
        }
        50% {
            background-position: 100% 19%
        }
        100% {
            background-position: 0% 82%
        }
    }
}

Reviews

No reviews yet.