SCREAMING_SNAKE_CASEFeb 10, 2024
moving all the UI elements a few pixels in random directions so the site gets a fresh new look
Show threadSCREAMING_SNAKE_CASEFeb 10, 2024
document.querySelectorAll("html *").forEach(e=>e.style.transform=`translate(${(Math.random()*8)-4}px,${(Math.random()*8)-4}px) rotate(${(Math.random()*2)-1}deg)`)
Show thread​PikoFeb 10, 2024
@selfsame With setInterval() :D
Show thread~n

@piko @selfsame

To shake things up!

setInterval(() => document.querySelectorAll("html *").forEach(e=>e.style.transform=`translate(${(Math.random()*4)-2}px,${(Math.random()*4)-2}px) rotate(${(Math.random()*0.5)-0.25}deg)`),250);

Feb 10, 2024 at 6:11pmWeb
Show threadollibabaFeb 10, 2024

@nblr @piko @selfsame To make the changes more smooth, run this beforehand:

document.querySelectorAll("html *").forEach(e=>e.style.transition=`transform 0.25s ease 0s`)

Show thread~nFeb 10, 2024
@ollibaba @piko @selfsame This is what I love fedi for :)