Difference between revisions of "Template:Relatable suite"

From The Wiki Camp 2
Jump to navigation Jump to search
(Undo revision 110791 by GopyXP (talk))
Tag: Undo
 
(4 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{#css:
 
{{#css:
body {
+
body::after {
    animation: color-change 2s ease infinite;
+
position:fixed;
    background-repeat: no-repeat;
+
top:0;
    background-attachment: fixed;
+
left:0;
 +
right:0;
 +
/*bottom:0;*/
 +
content: "";
 +
width:100%;
 +
height:100%;
 +
animation: color-change2 8s linear infinite;
 +
background-repeat: no-repeat;
 +
background-attachment: fixed;
 +
z-index:-1;
 
}
 
}
 +
body::before {
 +
position:fixed;
 +
top:0;
 +
left:0;
 +
right:0;
 +
/*bottom:0;*/
 +
content: "";
 +
width:100%;
 +
height:100%;
 +
animation: color-change 8s linear infinite;
 +
background-repeat: no-repeat;
 +
background-attachment: fixed;
 +
z-index:-1;
 +
}
 +
/*body {
 +
animation: color-change 2s ease infinite;
 +
background-repeat: no-repeat;
 +
background-attachment: fixed;
 +
}*/
 
#mw-page-base {
 
#mw-page-base {
 
     visibility: hidden;
 
     visibility: hidden;
Line 16: Line 44:
 
}
 
}
 
@keyframes color-change {
 
@keyframes color-change {
0%,100% { background-image: radial-gradient(#FEA3E0 0%, #fff985 50%, #37D2FF 100%); }
+
0%,100% { background-image: radial-gradient(#FEA3E0 0%, #fff985 50%, #37D2FF 100%); opacity: 0; } /* 5 */
33% { background-image: radial-gradient(#37D2FF 0%, #FEA3E0 50%, #fff985 100%); }
+
0.001% { background-image: radial-gradient(#37D2FF 0%, #FEA3E0 50%, #fff985 100%); opacity: 0; } /* 1 */
66% { background-image: radial-gradient(#fff985 0%, #37D2FF 50%, #FEA3E0 100%); }
+
16.5% { background-image:  radial-gradient(#37D2FF 0%, #FEA3E0 50%, #fff985 100%); opacity: 1; } /* 1 */
 +
33% { background-image:     radial-gradient(#37D2FF 0%, #FEA3E0 50%, #fff985 100%); opacity: 0; } /* 1 */
 +
33.001% { background-image:    radial-gradient(#fff985 0%, #37D2FF 50%, #FEA3E0 100%); opacity: 0; } /* 3 */
 +
50% { background-image:    radial-gradient(#fff985 0%, #37D2FF 50%, #FEA3E0 100%); opacity: 1; } /* 3 */
 +
66% { background-image:    radial-gradient(#fff985 0%, #37D2FF 50%, #FEA3E0 100%); opacity: 0; } /* 3 */
 +
66.001% { background-image:     radial-gradient(#FEA3E0 0%, #fff985 50%, #37D2FF 100%); opacity: 0; } /* 5 */
 +
82.5% { background-image:  radial-gradient(#FEA3E0 0%, #fff985 50%, #37D2FF 100%); opacity: 1; } /* 5 */
 +
}
 +
@keyframes color-change2 {
 +
0%,100% { background-image: radial-gradient(#99BBF0 0%, #37D2FF 25%, #fff985 75%, #FFCFB1 100%); opacity: 1; } /* 6 */
 +
16.5% { background-image: radial-gradient(#99BBF0 0%, #37D2FF 25%, #fff985 75%, #FFCFB1 100%); opacity: 0; } /* 6 */
 +
16.501% { background-image:  radial-gradient(#9DE6C1 0%, #fff985 25%, #FEA3E0 75%, #99BBF0 100%); opacity: 0; } /* 2 */
 +
33% { background-image:    radial-gradient(#9DE6C1 0%, #fff985 25%, #FEA3E0 75%, #99BBF0 100%); opacity: 1; } /* 2 */
 +
50% { background-image:    radial-gradient(#9DE6C1 0%, #fff985 25%, #FEA3E0 75%, #99BBF0 100%); opacity: 0; } /* 2 */
 +
50.001% { background-image:    radial-gradient(#FFCFB1 0%, #FEA3E0 25%, #37D2FF 75%, #9DE6C1 100%); opacity: 0; } /* 4 */
 +
66% { background-image:    radial-gradient(#FFCFB1 0%, #FEA3E0 25%, #37D2FF 75%, #9DE6C1 100%); opacity: 1; } /* 4 */
 +
82.5% { background-image:    radial-gradient(#FFCFB1 0%, #FEA3E0 25%, #37D2FF 75%, #9DE6C1 100%); opacity: 0; } /* 4 */
 +
82.501% { background-image:  radial-gradient(#99BBF0 0%, #37D2FF 25%, #fff985 75%, #FFCFB1 100%); opacity: 0; } /* 6 */
 
}
 
}
}}
+
}}<noinclude>"you're so funny" thanks it's the [[Oomfie flop|trauma]]
 +
[[Category:Aesthetic templates]]
 +
</noinclude>

Latest revision as of 03:06, 3 February 2024

"you're so funny" thanks it's the trauma