Template:Worlds.css

/* This is for giving pages a ~Shiny~ effect when needed. Still working on it though. */
.mask {
	mask-image:url("https://camp2.rectangle.zone/subwikifiles/wc2/images/0/0f/CheckerMask.png");
	mix-blend-mode: hard-light;
	opacity:.2;
}
.rainbow {
		background-image: repeating-linear-gradient(
        0deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
    animation: gradient 2s linear infinite;
    background-size:200% 200%;
}
@keyframes gradient {
	0% {background-position: 0% 0%;}
	50% {background-position:100% 100%;}
	100% {background-position: 200% 200%;}
}
/*End shiny section*/
/* audio button tests */
.audio-button {
transform-origin: top left;
position: relative;
overflow: hidden;
width: 330px;
height: 250px;
transform: scale(15, 10);
opacity:0;
}
.audio-button-inner {
position: relative;
left: -10px;
top: -10px;
}
.audio-button-overlay {
position: relative;
}
.audio-button-overlay img {
filter: sepia(1) hue-rotate(140deg);
}