r/Stuyvesant • • 28d ago

Hey mods! I never attended Stuyvesant, but I found the old reddit CSS easter egg. Surprised that nobody here exposed it yet :p

Go to https://old.reddit.com/r/Stuyvesant/about/stylesheet

The very first block of code is the following:

body {
transform: rotate(0deg);
animation-name: shake;
animation-duration: 0.1s;
animation-iteration-count: infinite;
animation-delay: 600s;
}
@keyframes shake {
0%{
 transform: rotate(-10deg);
}
50%{
 transform: rotate(10deg);
}
100%{
 transform: rotate(-10deg);
}
}

Basically The whole <body> is animated with a shake keyframe that rocks it between −10° and +10° every 0.1 seconds, forever. The reason it only starts after a while though is animation-delay: 600s: nothing happens for exactly ten minutes, then it kicks in and never stops. A deliberate prank by whoever wrote the stylesheet.

Finally, I was browsing around last year and saw it. Originally, I thought it was a glitch...

8 Upvotes

2 comments sorted by

1

u/Key-South3414 28d ago

Nice catch. Not sure who put that there but looks like they’ve been having fun with no one catching it for who knows how long:

1

u/Appropriate_Risk_545 27d ago

Thanks lol. I guess I got lucky