Animierte Buttons

Hier zeige ich euch ein paar animierte Buttons. Oder auch CTA’s (Call to Actions – Aufforderung zur Handlung)

Diese Buttons sind Dummys, funktionieren also nicht. Sie zeigen euch aber ganz toll was so möglich ist.

Den besten Effekt erzielst du am Desktop. Mobil funktionieren Animationen nicht, weil sie auf den Cursor reagieren, den es mobil aber nicht gibt. Das ist also eher eine Spielerei für die Desktop-Version deiner Website. Hier einfach mit dem Cursor über den Button fahren und staunen.

Ich habe mich für 5 Beispiele entschieden. Die Grenzen sind aber fast endlos. Einfach mal die Suchmaschine deines Vertrauens nach: „html button inspiration“ fragen.

Viel Spaß beim Ausprobieren!

Deine Susanne

Wichtig! Die Button 4 (Slide) und 5 (Neon) sind von codepen.io

Jetzt anmelden!

Ich bin dabei!

Das will ich auch!

Slide

Neon button