User:INoMed/common.css: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
(Providing extra details into the animation headers)
(Alright, time to introduce the true rainbow)
Line 163: Line 163:
15% { text-shadow: -1px -1px 1px orange, -2px -2px 1px orange, -3px -3px 0 black; }
15% { text-shadow: -1px -1px 1px orange, -2px -2px 1px orange, -3px -3px 0 black; }
30% { text-shadow: -1px -1px 1px yellow, -2px -2px 1px yellow, -3px -3px 0 black; }
30% { text-shadow: -1px -1px 1px yellow, -2px -2px 1px yellow, -3px -3px 0 black; }
45% { text-shadow: -1px -1px 1px #00ff00, -2px -2px 1px #00ff00, -3px -3px 0 black; }
45% { text-shadow: -1px -1px 1px green, -2px -2px 1px green, -3px -3px 0 black; }
60% { text-shadow: -1px -1px 1px lightblue, -2px -2px 1px lightblue, -3px -3px 0 black; }
60% { text-shadow: -1px -1px 1px blue, -2px -2px 1px blue, -3px -3px 0 black; }
75% { text-shadow: -1px -1px 1px #5D76CB, -2px -2px 1px #5D76CB, -3px -3px 0 black; }
75% { text-shadow: -1px -1px 1px indigo, -2px -2px 1px indigo, -3px -3px 0 black; }
90% { text-shadow: -1px -1px 1px #ff33ff, -2px -2px 1px #ff33ff, -3px -3px 0 black; }
90% { text-shadow: -1px -1px 1px violet, -2px -2px 1px violet, -3px -3px 0 black; }
100% { text-shadow: -1px -1px 1px red, -2px -2px 1px red, -3px -3px 0 black; }
100% { text-shadow: -1px -1px 1px red, -2px -2px 1px red, -3px -3px 0 black; }
}
}
Line 282: Line 282:
/* Rainbow background (WARNING: THIS ANIMATION IS GPU INTENSIVE AND CAN LAG.) */
/* Rainbow background (WARNING: THIS ANIMATION IS GPU INTENSIVE AND CAN LAG.) */
@keyframes rainbow2 {
@keyframes rainbow2 {
0% { background: repeating-linear-gradient(red,orange,yellow,#00ff00,lightblue,#5d76cb,#ff33ff); }
0% { background: repeating-linear-gradient(red,orange,yellow,green,blue,indigo,violet); }
15% { background: repeating-linear-gradient(orange,yellow,#00ff00,lightblue,#5d76cb,#ff33ff,red); }
15% { background: repeating-linear-gradient(orange,yellow,green,blue,indigo,violet,red); }
30% { background: repeating-linear-gradient(yellow,#00ff00,lightblue,#5d76cb,#ff33ff,red,orange); }
30% { background: repeating-linear-gradient(yellow,green,blue,indigo,violet,red,orange); }
45% { background: repeating-linear-gradient(#00ff00,lightblue,#5d76cb,#ff33ff,red,orange,yellow); }
45% { background: repeating-linear-gradient(green,blue,indigo,violet,red,orange,yellow); }
60% { background: repeating-linear-gradient(lightblue,#5d76cb,#ff33ff,red,orange,yellow,#00ff00); }
60% { background: repeating-linear-gradient(blue,indigo,violet,red,orange,yellow,green); }
75% { background: repeating-linear-gradient(#5d76cb,#ff33ff,red,orange,yellow,#00ff00,lightblue); }
75% { background: repeating-linear-gradient(indigo,violet,red,orange,yellow,green,blue); }
90% { background: repeating-linear-gradient(#ff33ff,red,orange,yellow,#00ff00,lightblue,#5d76cb); }
90% { background: repeating-linear-gradient(violet,red,orange,yellow,green,blue,indigo); }
100% { background: repeating-linear-gradient(red,orange,yellow,#00ff00,lightblue,#5d76cb,#ff33ff); }
100% { background: repeating-linear-gradient(red,orange,yellow,green,blue,indigo,violet); }
}
}
/* Recent Changes Options */
/* Recent Changes Options */
Retrieved from "https://www.ssbwiki.com/User:INoMed/common.css"