Navigation Animation in VueJS

Für einen Kunden auf der Arbeit musste ich die Tage eine Navigation Animation in VueJS umsetzen. Mit heutigen CSS3 Animationen – Kein Problem – dachte ich. Allerdings ließ sich die gewünschte Animation nicht mit reinem CSS umsetzen. Es musste also ein bisschen Javascript Magic her. Die Snippets, die ich im Netz fand, waren allerdings alle für jQuery ausgelegt oder unterstützten keine dynamische Größe des Links. Daher musste ich mir selber etwas überlegen und möchte den Code im Folgenden mit dir teilen.

Demo

▶︎ Demo in voller Größe ansehen

Code