Testing your animation refresh rate with CSS
1–10 of 13 posts
Re: Testing your animation refresh rate with CSS
#2I have a record player with a system like this for confirming that the speed is accurate. The turntable has a few rows of "dots" for different rpms and there's an LED light which flashes at a certain speed that then makes one row look more stable than the others, indicating the speed.
Re: Testing your animation refresh rate with CSS
#3This sounds cool, but didn't work in Chrome, Chrome Canary, Edge, or Firefox on Windows for me.
Re: Testing your animation refresh rate with CSS
#4This sounds cool, but didn't work in Chrome, Chrome Canary, Edge, or Firefox on Windows for me.
Sounds like something more interesting happen above or below than browser.
Re: Testing your animation refresh rate with CSS
#5This sounds cool, but didn't work in Chrome, Chrome Canary, Edge, or Firefox on Windows for me.
In my case it's working on Chrome/Edge and Firefox on Mac OS.
Re: Testing your animation refresh rate with CSS
#6This sounds cool, but didn't work in Chrome, Chrome Canary, Edge, or Firefox on Windows for me.
Do you have Reduced Motion turned on? Works for me in Firefox.
Re: Testing your animation refresh rate with CSS
#7This sounds cool, but didn't work in Chrome, Chrome Canary, Edge, or Firefox on Windows for me.
Working for me with Firefox on Ubuntu.
Re: Testing your animation refresh rate with CSS
#8On my phone, as long as the page is scrolling, it seems to indicate 120 Hz, but after a few seconds there is a sudden switch to 60. Not sure if the tool is working correctly.
Re: Testing your animation refresh rate with CSS
#9Flexible refresh rates would be a good idea. I have two that exceed 144Hz at different points (160 and 165), there are infinite more :p
Re: Testing your animation refresh rate with CSS
#10If anyone sees a static "image" on their iPhone, check that you have Reduced motion disabled in system Settings. I totally forgot I did that and just assumed it doesn't work on mobile.