luna

I'm not sure if my phone runs css animations at 60hz or 90hz but the 60 and 120 are both still so

For me 120 and 60 are almost stationary but very slowly spinning clockwise

damn i'm impressed, this worked perfectly

ohhh nooo firefox does NOT like it if i place the window halfway between my two monitors lol (165hz and 60hz) (video)

Huh, the 144hz one is MOSTLY stable on my monitor (with a tiny slow clockwise spin) but does a little jump every couple of seconds so I have no idea what's going on there

i had no idea what was supposed to be happening here and then i realized it only goes up to 144hz and my monitor is 165hz

oh hey it's also a mini lesson in temporal aliasing

the dramatic reveal was a bit dampened by having to fuss around with ublock to allow external images to load

Hahaha, this is all kinds of fun with multi-monitor setups.

i beat the system!!! (i have a 170hz and 80hz in my current second monitor)

This doesn't seem to do anything in my browser (these are just... PNGs..?)

Ooh, my monitor's 60 and 120 hz, apparently! :)
…and it's a bit jittery and drifting ever-so-slightly counterclockwise.

Huh, my 60 Hz monitor has both the 60 and 120 wheels at a near standstill.

240hz when

Variable refresh rate is fun. My iPhone shows 60 but as soon as I start scrolling it breaks nicely

Neat. My refresh rate is 60.049Hz for some reason and verily it creeps counterclockwise incredibly slowly.

120hz is stillish but wiggles slightly

I think my browser needs new belts.

this doesn't animate in chrome or firefox on my phone. I checked my cohost settings, and it doesn't seem like I have anything set that would cause problems

Wonderful! Simple and so effective. 😁

To clarify for people confused by seeing both 60Hz and 120Hz – your refresh rate is the lowest number that is not moving (quickly) or flickering. If your rate were 120Hz then the 60Hz would double up and flicker.

As someone who has a 165Hz computer monitor I feel excluded /j but this confirmed that my phone is indeed playing animations at 120Hz

Cool post!!

This doesn't animate in Firefox on my desktop or Chrome on my phone. I did have the Samsung equivalent of "reduce motion" turned on on my phone, but disabling it had no effect. Looking at the inspector in Firefox, it references an animation called "spin" but that animation doesn't seem to exist. I'm not sure what's going wrong.

It must only render at the resolution of the primary monitor. That's at 100hz for me, so no locked circles. But if I only have my PC output to my secondary monitor, the 75hz one sticks, which tracks.

Mine shows 60 on both the 60Hz monitor and the 300Hz monitor.

on my (admittedly Very Bad and old) HP LP2275w, 1680x1050 59,954Hz (officially 60), the only numbers that don't look like they're turning are 60 and 144, with 144 not moving and 60 appearing to move back and forth

Odd corner case: if you're using Firefox and turned on Resist Fingerprinting, it will forcibly render at 60 so you will see the solid 60/120 even if your monitor is running at a different refresh rate

Works on my android phone. 😁 120hz

great stuff as always

Huh, 60 and 120 "vibrate" on my laptop and 90 is perfectly still on my phone

oh HOW COOL!!!!!!!

Wow this is really interesting. Thanks for posting it!

oh amazing! thanks for this!

we're told it's similar to a device used on record turntables, too

In case anyone else is using a desktop browser in MS Windows and doesn't see the animation: The display setting "show animations in Windows" must be enabled.

Very nice! Can you also add a version for 165Hz? :D