Konfetti Website Animation mit JavaScript – Webflow Tutorial
Lass Konfetti in deiner Website explodieren. Mit diesem JavaScript Code geht das super einfach. Ich zeige dir, wie du diesen Custom Code direkt in dein Webflow Projekt einbaust und bei Klick auf einen Button abfeuerst.
Konfetti in seiner Website explodieren zu lassen ist nicht gerade ein Anwendungsfall, der häufig im Webdesign vorkommt (und das ist auch gut so 😅). Allerdings wollte ich auf meiner Onlinekurs Bezahl-Dankesseite ein bisschen mehr Vorfreude bei den Teilnehmern hervorrufen und habe deshalb nach etwas gesucht, dass die Seitenbesucher bisschen zum Schmunzelt bringt.
Ergebnis hier anschauen: https://webflow-lernen.webflow.io/kon...
Projekt direkt in Webflow öffnen (kopiere dir den Code von da):
https://preview.webflow.com/preview/w...
Confetti Canvas JS Projekt auf GitHub: https://github.com/catdad/canvas-conf...
---------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
https://formburg.com/kurs
👉 50+ Webflow-Tricks:
https://www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
https://formburg.com/tutorials
---------------------------------------------
00:00 – Intro
01:02 – Quelle des JavaScripts
01:30 – JavaScript integrieren
03:32 – JavaScript anpassen
05:18 – Endergebnis
#webdesign #webflow #webflowanimation
—
► Unterstütze meinen Kanal auf Patreon (mehrere Sonderfolgen und Webflow Tutorials pro Monat):
http://bit.ly/patreon-seite
—
Mein Webdesign und Freelancer Blog:
► https://jonasarleth.com/blog
—
Social Media:
► Instagram: / jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
—
Meinen Web & Design Podcast abonnieren:
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
—