rainbow text
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
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;
}
}