Agentur Teamseite Scroll-Animation – mit vorgefertigten Website Animationen

In diesem Tutorial bauen wir zusammen eine längere Sektion, die du in deiner Team-Seite integrieren kannst. Die Bilder der Mitarbeiter werden verteilt auf der Seite dargestellt und nach und nach rein animiert. Das Besondere ist, dass wir dabei mit einer „scroll into view” Animation arbeiten und dafür nur die schon vorgefertigten Animationstypen von Webflow verwenden. Damit ist es ziemlich einfach, jedes beliebige Element auf einer Website zu animieren. Schau dir für den kompletten responsive Aufbau gerne das kostenlose Cloneable in meinen Webflow Showcases an.

Ergebnis anschauen:
https://agency-team-section.webflow.io

Im Webflow Designer öffnen und klonen:
https://webflow.grsm.io/agency-team-section *

* Affiliate Link

---------------------------------------------

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/webdesign-angebot-erstellen

---------------------------------------------

Kostenlosen Webflow Account anlegen:
https://formburg.com/webflow-kostenlos *

Webflow schnell und einfach lernen:
https://formburg.com/tutorials

---------------------------------------------

// TIMESTAMPS
00:00 – Vorschau was wir bauen
01:27 – Start Aufbau in Webflow
11:17 – Scroll Into View Animation
14:27 – Lustige Hover Animation
15:05 – Text Slide In Animation

#webflow #websitedesign #webdesign

---------------------------------------------

// PATREON

► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite

----------------------------------------------

// MEIN WEBDESIGN UND FREELANCER BLOG

► https://jonasarleth.com/blog

----------------------------------------------

// SOCIAL MEDIA

► Instagram: https://instagram.com/jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: https://www.linkedin.com/in/jonasarleth

----------------------------------------------

// MEIN WEB & DESIGN PODCAST

► 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

----------------------------------------------

* Affiliate Links

Видео Agentur Teamseite Scroll-Animation – mit vorgefertigten Website Animationen канала Jonas Arleth