Grafische(?) Verlinkung

[Der Martin]

Moin,

Was bei deinem Effekt auch stört: Am Ende verlangsamt sich die Bewegung und bleibt dann zielgenau stehen. Das wirkt unnatürlich

du hast noch nie einen flüssigkeits-gedämpften Kompass gesehen? Die Flüssigkeit darin ist normalerweise so viskos, dass genau das von dir beschriebene Verhalten eintritt: Die Nadel "schleicht" sich etwas zäh an die Zielposition heran.
Der primäre Zweck dieser starken Dämpfung ist aber, den Kompass unempfindlich gegenüber Erschütterungen zu machen.

Die Nadel muss erstmal übers Ziel hinausschießen, um dann umzukehren. Das erreicht man mit
transition-timing-function: cubic-bezier(…). Beim Finden der passenden Parameter hilft Lea Verous Tool.

Bei einem quasi ungedämpften Kompass ist das so. Und genaugenommen ist es da auch kein einmaliges Überschwingen, sondern eine allmählich abklingende Schwingung. Die Kompassnadel pendelt mit abnehmender Amplitude um die tatsächliche Peilung.

Live long and pros healthy,
 Martin