Working in Background · AppStarting

Pixel: Working in background cursor

The Working in background cursor from the Pixel pack, free to use under CC0, as a Windows cursor file or a PNG with ready CSS for the web.

cursor: url(pixel-appstarting-32.png) 1 1, progress; Move your mouse over this box Cursors only appear with a mouse or trackpad. Open this page on a computer to see this one.

The first frame, as a browser shows it. Hotspot at 1, 1; on Windows the .ani file plays every frame.

About this cursor
Pack	Pixel
Windows role	Working in Background (`AppStarting`)
CSS keyword	`progress`
Hotspot	`1 1` at 32 px
Sizes	32 px, 48 px, 64 px, 128 px
Windows file	`appstarting.ani`
Animation	8 frames, 0.80 s per loop
License	CC0 1.0

Every size

Four sizes, hotspot marked

Each image at its real pixel size. The red square marks the hotspot, the pixel that does the clicking; it moves with the size, the same way the .ani file stores it.

32 px hotspot 1 1
48 px hotspot 2 2
64 px hotspot 3 3
128 px hotspot 6 6

The animation

8 frames, each shown for 6 jiffies (100 ms). Browsers show only the first frame of a cursor image; Windows plays the .ani file.

Download

Take this cursor

Animated .ani for Windows (770 KB) 32 px PNG for the web (314 bytes)

The Windows file holds every size above. Want the whole set, with an installer and a ready stylesheet? Get it from the Pixel pack page.

Use it on the web

Copy the CSS

CSS

.my-element {
  cursor: url("pixel-appstarting-32.png") 1 1, progress;
}

Save the PNG next to your stylesheet as pixel-appstarting-32.png, or change the path. The numbers are the hotspot; the keyword after the comma is what browsers show if the image cannot be used.

Same role