Ambient · rotation
Ceiling Fan Clock
A slowly turning ceiling fan behind a large digital clock, with three speeds. Repetitive, predictable motion that gives the eye somewhere to rest without asking anything of it.
—
Press F for full screen. Motion pauses automatically if your system asks for reduced motion.
Repetitive motion
Why a Spinning Fan Is Oddly Settling
Predictability Is the Point
Unlike rain or fish, a fan repeats exactly. There is nothing to anticipate and nothing to track, which is precisely why it fades into the background faster than a scene with variation in it.
Speed Changes the Feel
Slow reads as lazy and warm, like a hot afternoon. Fast reads as busy and mechanical. Medium sits in between and is the default for a reason — it is the least likely to be noticed at all.
A Familiar Object
Part of the effect is simple recognition. A ceiling fan is a domestic object associated with rest and warm weather, and screens that show familiar things feel less like screens.
When to Pause It
Rotating motion is the type most likely to trouble anyone sensitive to it. If a spinning object on screen makes you uneasy, pause it — the scene still works as a still image.
Under the hood
How This Scene Is Built
The fan is four gradient blades and a hub rotating as a single group, so the motion is perfectly smooth and costs the browser almost nothing. Changing speed just changes the animation duration.
It suits a study or a quiet office better than a living room. Somebody watching television wants something to look at; somebody working wants something that will not compete for attention, and a fan is about as uncompetitive as moving imagery gets.
Answers
Ceiling Fan Background Questions
Does the fan produce any air?
Regrettably not. It is a picture of a fan, and it will not help in a heatwave.
What do the three speeds do?
They change how long one rotation takes: about seven seconds on slow, three and a half on medium, and just over one on fast. Slow is the most restful; fast starts to draw attention.
Why does it sometimes look like it is turning backwards?
On some screens the refresh rate and the rotation speed interact to produce the wagon-wheel effect, where the blades appear to slow, stop or reverse. It is an artefact of sampling, not of the animation. Changing speed usually breaks it.
Is it hard on an older machine?
No. It is one rotating element, which is about the cheapest animation a browser can run.
Can I use it as a focus timer background?
It pairs well with the countdown timer in another tab or window. Keep the fan on the secondary screen and the timer where you can see it.