Skip to content

Pickles rainbow text by mightypaypay

Details

Authormightypaypay

Licensee.g Mighty

CategoryNitro Type

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

rainbow text

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           6/18/2023, 10:28:44 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain(nitrotype.com) {
.dash-word
    {
        text-align: center;
        text-decoration: underline;
        font-size: 32px;
        font-family: monospace;
        letter-spacing: 5px;

        /*background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
        background: linear-gradient(to right, white, yellow, orange, red, green, blue, purple);*/
        background: linear-gradient(to left, #f00, orange, yellow, #09ec09, #9898b9, #a783c1, violet);
        background-repeat: repeat;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        animation: animated_text 6s ease-in-out infinite;
        background-size: 400% 100%;
    }

@keyframes animated_text {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;

    }
  }
.dash-copyContainer
  {
    background: #1d1e23;
    box-shadow: 0 1px 157px 10px rgba(0, 0, 0, 0.78);
  }
.dash-letter.is-correct.is-typed
  {
    /*Letters disappear after being typed*/
    opacity: 0;
  }
}

Reviews

No reviews yet.