CSS-Klasse: " data-aos="fade-right
CSS-Klasse: " data-aos="fade-left
CSS-Klasse: " data-aos="fade-up
CSS-Klasse: " data-aos="fade-down
CSS-Klasse: " data-aos="fade-up-right
CSS-Klasse: " data-aos="fade-up-left
CSS-Klasse: " data-aos="fade-down-right
CSS-Klasse: " data-aos="fade-down-left
CSS-Klasse: " data-aos="flip-left
CSS-Klasse: " data-aos="flip-right
CSS-Klasse: " data-aos="flip-up
CSS-Klasse: " data-aos="flip-down
CSS-Klasse: " data-aos="zoom-in
CSS-Klasse: " data-aos="zoom-in-up
CSS-Klasse: " data-aos="zoom-in-down
CSS-Klasse: " data-aos="zoom-in-left
Viele weitere Varianten findet ihr auf der Seite von
Auch einen kompletten Container können wir mit einem Scroll-Effekt versehen
Dieser Container wurde mit dem Effekt: zoom-in versehen
Dieser Container wurde mit dem Effekt: fade-up versehen
Dieser Container wurde mit dem Effekt: flip-left versehen
Wir können die Effekte auch zeitverzögert einblenden lassen wie es am Anfang der Seite zu sehen ist.
Mama, warum hat Papa so wenig Haare?
data-aos-delay="300" data-aos="fade-left" data-aos-easing="ease"
Er denkt zu viel, Schätzchen?
data-aos-delay="1200" data-aos="fade-up" data-aos-easing="ease"
Mama, warum hast du so viele Haare?
data-aos-delay="2100" data-aos="fade-down" data-aos-easing="ease"
Ich glaube, es ist am besten, wenn du jetzt raus gehst und spielst.
data-aos-delay="3000" data-aos="zoom-in" data-aos-easing="ease"