Difference between revisions of "Template:Relatable suite"
(grr) |
|||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
| − | body { | + | body::after { |
| − | + | position:fixed; | |
| − | + | top:0; | |
| − | + | 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