Lesetipp: SVG-Spinner

[Matthias Scharwies]

Servus!

Da habe ich mir gedacht, den Seiten-Kopf vorauszuschicken:

flush();
ob_flush();
sleep(2);

Beware!

Eine der „anderen Seiten“, die sowas anzeigt, ist von mir - allerdings schon etliche Jahre alt. Das Funktionsprinzip ist klar - aber das geht natürlich besser!

CSS:

#waitingFor {
    background-image:url(wait.gif);
    background-repeat:no-repeat;
    // …
}

Man könnte anstatt des (wsl. animierten) gif ein SVG verwenden. Temani Afif hat eine 4-teilige Serie über solche Spinner veröffentlicht:

• Single Element Loaders: The Spinner (css-tricks.com)

Herzliche Grüße

Matthias Scharwies