View source for Powerscaling

{{#css:
#scene {
width:960px;
height:540px;
position:relative;
overflow:hidden;
margin:auto;
background:maroon;
}
#bar1, #bar2 {
background:gold;
width:100px;
height:100%;
position:absolute;
}
#bar1 {
animation:bar1 100s ease-in-out forwards;
right:calc(50% + 15px);
top:40px;
}
#bar2 {
animation:bar2 100s ease-in-out forwards;
left:calc(50% + 15px);
top:540px;
}

:is(#pn-left, #pn-right) > div {
position:absolute;
animation:come-and-go 6s ease-in-out forwards;
visibility:hidden;
}
:is(#pn-left, #pn-right) > div:not(#pn9, #pn17, #pn22) {
padding-bottom:30px;
} 
#pn-right {
position:relative;
top:540px;
transform:scale(-1,1);
}

@keyframes bar1 {
0%, 1% {top:40px;}
2%, 3% {top:290px;}
4%, 5% {top:40px;}
6%, 7% {top:206.67px;}
8%, 9% {top:40px;}
10%, 11% {top:123.33px;}
12%, 13% {top:40px;}
14%, 15% {top:311.43px;}
16%, 17% {top:40px;}
18%, 19% {top:185px;}
20%, 21% {top:40px;}
22%, 23% {top:90px;}
24%, 25% {top:40px;}
26%, 27% {top:182.86px;}
28%, 29% {top:40px;}
30%, 31% {top:105.22px;}
32%, 33% {top:40px;}
34%, 35% {top:90px;}
36%, 37% {top:40px;}
38%, 39% {top:306.67px;}
40%, 41% {top:40px;}
42%, 43% {top:206.67px;}
44%, 45% {top:40px;}
46%, 47%, 100% {top:468.57px;}
}
@keyframes bar2 {
0%, 1% {top:540px;}
2%, 3% {top:40px;}
4%, 5% {top:273.33px;}
6%, 7% {top:40px;}
8%, 9% {top:360px;}
10%, 11% {top:40px;}
12%, 13% {top:71.25px;}
14%, 15% {top:40px;}
16%, 17% {top:47.04px;}
18%, 19% {top:40px;}
20%, 21% {top:470.56px;}
22%, 23% {top:40px;}
24%, 25% {top:190px;}
26%, 27% {top:40px;}
28%, 29% {top:327.04px;}
30%, 31% {top:40px;}
32%, 33% {top:325.71px;}
34%, 35% {top:40px;}
36%, 37% {top:290px;}
38%, 39% {top:40px;}
40%, 41% {top:315px;}
42%, 43% {top:40px;}
44%, 45% {top:468.57px;}
46%, 47%, 100% {top:40px;}
}
@keyframes come-and-go {
0% {bottom:-540px;visibility:visible;}
25%, 75% {bottom:50px;}
100% {bottom:540px;visibility:hidden;}
}
@keyframes fade-in-out {
0% {opacity:0;}
25%, 75% {opacity:1;}
100% {opacity:0;}
}

#pn8 { left:-30px; }
#pn9 { left:-30px; padding-bottom:0; }
#pn17 { left:80px; padding-bottom:50px; }
#pn18 { left:-30px; }
#pn22 { left:120px; padding-bottom:100px; }

#numbers, #namel, #namer {
text-align:center;
color:black;
font-size:25pt;
font-weight:bold;
z-index:2;
position:absolute;
width:100%;
text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
}
:is(#numbers, #namel, #namer) > div {
position: absolute;
width:100%;
bottom:-530px;
animation:fade-in-out 3s ease-in-out forwards;
opacity:0;
}
#namel, #namer {
color:white;
font-weight:normal;
text-shadow:0 0 10px #f00,0 0 10px #f00,0 0 10px #f00,0 0 10px #f00,0 0 10px #f00,0 0 10px #f00;
}
:is(#namel, #namer) > div {
width:33%;
animation:fade-in-out 5s ease-in-out forwards;
}

#namer {
right:-67%;
}
audio {
width:960px;
}
}}
<div id=scene>
<div style="position:absolute;filter:blur(30px)">[[File:DamnTikTok.gif|1920px]]</div>
<div id=pn-left>
<div id=pn0 style="animation-delay:0s">[[File:Paper niko.png|250px]]</div>
<div id=pn2 style="animation-delay:4s">[[File:Paper niko t.png|250px]]</div>
<div id=pn4 style="animation-delay:8s">[[File:Paper sleaslug.png|250px]]</div>
<div id=pn6 style="animation-delay:12s">[[File:Paper rudy.png|250px]]</div>
<div id=pn8 style="animation-delay:16s">[[File:Cupid.png|350px]]</div>
<div id=pn10 style="animation-delay:20s">[[File:Paper sprout.png|250px]]</div>
<div id=pn12 style="animation-delay:24s">[[File:Paper Marks.png|250px]]</div>
<div id=pn14 style="animation-delay:28s">[[File:GDPN.png|250px]]</div>
<div id=pn16 style="animation-delay:32s">[[File:Paper paul.png|250px]]</div>
<div id=pn18 style="animation-delay:36s">[[File:Paper crane.png|400px]]</div>
<div id=pn20 style="animation-delay:40s">[[File:Paper protocol.png|250px]]</div>
<div id=pn22 style="animation-delay:44s">[[File:Paper Pea.png|100px]]</div>
</div>
<div id=numbers>
<div style="animation-delay:1s">100</div>
<div style="animation-delay:3s">200</div>
<div style="animation-delay:5s">600</div>
<div style="animation-delay:7s">900</div>
<div style="animation-delay:9s">2,500</div>
<div style="animation-delay:11s">3,000</div>
<div style="animation-delay:13s">3,200</div>
<div style="animation-delay:15s">7,000</div>
<div style="animation-delay:17s">7,100</div>
<div style="animation-delay:19s">10,000</div>
<div style="animation-delay:21s">72,000</div>
<div style="animation-delay:23s">80,000</div>
<div style="animation-delay:25s">100,000</div>
<div style="animation-delay:27s">140,000</div>
<div style="animation-delay:29s">200,000</div>
<div style="animation-delay:31s">230,000</div>
<div style="animation-delay:33s">540,000</div>
<div style="animation-delay:35s">600,000</div>
<div style="animation-delay:37s">1,400,000</div>
<div style="animation-delay:39s">3,000,000</div>
<div style="animation-delay:41s">6,000,000</div>
<div style="animation-delay:43s">9,000,000</div>
<div style="animation-delay:45s">20,000,000</div>
<div style="animation-delay:47s">140,000,000</div>
</div>
<div id=namel>
<div style="animation-delay:1s">Paper Niko</div>
<div style="animation-delay:5s">Aged Paper Niko</div>
<div style="animation-delay:9s">Paper Sleaslug</div>
<div style="animation-delay:13s">Paper Rudy</div>
<div style="animation-delay:17s">Cupid</div>
<div style="animation-delay:21s">Paper Sprout</div>
<div style="animation-delay:25s">Paper Niko Genuine</div>
<div style="animation-delay:29s">Green Dead Paper Niko</div>
<div style="animation-delay:33s">c!Paper Niko</div>
<div style="animation-delay:37s">Paper Crane</div>
<div style="animation-delay:41s">Paper Protocol</div>
<div style="animation-delay:45s">Paper Pea</div>
</div>
<div id=namer>
<div style="animation-delay:3s">Paper Okin</div>
<div style="animation-delay:7s">Aged Paper Okin</div>
<div style="animation-delay:11s">Paper Goplu</div>
<div style="animation-delay:15s">Paper ⠀⠀⠀⠀</div>
<div style="animation-delay:19s">Paper Nico</div>
<div style="animation-delay:23s">Paper Niko Chibi</div>
<div style="animation-delay:27s">Paper Niko Q</div>
<div style="animation-delay:31s">Rock Niko</div>
<div style="animation-delay:35s">Paper Absence</div>
<div style="animation-delay:39s">Paper Toilet</div>
<div style="animation-delay:43s">Paper Pumpkin</div>
<div style="animation-delay:47s">Molten Gold Paper Niko</div>
</div>
<div id=bars>
<div id=bar1 style="animation-delay:2s"></div>
<div id=bar2 style="animation-delay:2s"></div>
</div>
<div id=pn-right>
<div id=pn1 style="animation-delay:2s">[[File:Paper okin.png|250px]]</div>
<div id=pn3 style="animation-delay:6s">[[File:Paper okin t.png|250px]]</div>
<div id=pn5 style="animation-delay:10s">[[File:Paper goplu.png|250px]]</div>
<div id=pn7 style="animation-delay:14s">[[File:Paper .png|250px]]</div>
<div id=pn9 style="animation-delay:18s">[[File:Papernico.png|320px]]</div>
<div id=pn11 style="animation-delay:22s">[[File:Paper niko chibi render.png|250px]]</div>
<div id=pn13 style="animation-delay:26s">[[File:Paper Niko Q.png|300px]]</div>
<div id=pn15 style="animation-delay:30s">[[File:Rock niko.png|250px]]</div>
<div id=pn17 style="animation-delay:34s">[[File:Paper Absence.png|160px]]</div>
<div id=pn19 style="animation-delay:38s">[[File:Paper Portends.png|250px]]</div>
<div id=pn21 style="animation-delay:42s">[[File:Paper pumpkin.png|250px]]</div>
<div id=pn23 style="animation-delay:46s">[[File:Molten gold paper niko.png|250px]]</div>
</div>
</div><br>
<center>[[File:Powerscaling.mp3]]</center>
{{see also|Wiki Camp 2 competitor powerscaling}}
[[Category:Powerscaling]]
[[Category:Paper Niko]]
[[Category:Pages that don't even remotely resemble a Wikipedia article]]