Kurven-Entscheid

Was dieses Werkzeug zeigt

Fünf Kombinationen bei fest eingestellten 200 Millisekunden pro Richtung. Anders als beim Dauer-Tester gibt es Pausen, damit sich die Phasen trennen lassen.

Ablauf einer Probe

200ms erscheinen, 200ms stehenbleiben, 200ms verschwinden, 200ms dunkel bleiben. Ein voller Durchlauf dauert 800 Millisekunden.

Warum die Pausen wichtig sind

Ohne Haltephase geht das Aufblenden unmittelbar ins Abblenden über. Das Auge kann dann nicht zuordnen, welche Kurve zu welcher Richtung gehört. Genau diese Verwechslung war der Anlass, dieses Werkzeug zu bauen.

Markierung „GEWÄHLT“

Variante B ist die für RuDaDesign.ch festgelegte Kombination. Die Markierung hält den Entscheid an der Stelle fest, an der er getroffen wurde.

Die drei Kurvenformen

Die Begriffe stammen vom Betreiber dieser Seite. Die Zuordnung zu den CSS-Werten ist unten belegt.

linear → CSS linear

Gleichmässiges Tempo von Anfang bis Ende.

progressiv → CSS ease-in

MDN: „dass die Interpolation langsam beginnt und dann nach und nach bis zum Ende beschleunigt“. Bildlich: ein Auto, das anfährt.

degressiv → CSS ease-out

MDN: „dass die Interpolation abrupt beginnt und dann nach und nach gegen Ende verlangsamt“. Bildlich: ein Auto, das sanft zum Stehen kommt.

Grundlage und Quellen

• MDN – easing-function (deutsch)
• Entscheid vom 23.09.2026, festgehalten in den Designentscheiden von RuDaDesign.ch: 200ms pro Richtung, Erscheinen progressiv, Verschwinden degressiv.

Hinweis: Die deutschen MDN-Seiten sind automatisch aus dem Englischen übersetzt und können Fehler enthalten. MDN kennzeichnet das selbst. Die hier zitierten Stellen wurden am 23.09.2026 geprüft.