CSS Animation erst im Viewport

19.01.2018 17:48

Neuling66
#1

Ne

Moin Moin.

Ich probiere gerade mal wieder ein bisschen herum und bin auf CSS Animationen gestoßen. So weit so Gut.
Bin soweit mit der Implementierung auch zufrieden.

Nun möchte ich gerne die geplanten Animationen erst abspielen, wenn z.B. der Text oder das Bild in den Sichtbereich kommt.
Momentan geschieht es beim laden der Seite was auch logisch ist. Doch wenn man z.B. runter scrollt ist die Animation schon gelaufen und man hat sie nicht gesehen.

Habe schon versucht es über Java zu realisieren, jedoch scheint Java nicht gerade zuverlässig zu funktionieren auf Jimdoseiten.
Ich kenne mich leider nicht so gut aus mit CSS und Java.
Hat jemand einen Tip ?

Antworten

Beitrag melden

#2

27.01.2018 23:20 (zuletzt bearbeitet: 27.01.2018 23:22)

az_
#2

az_

...schau mal hier: http://jackonthe.net/css3animateit/examples/

Jimdo-Beispiel: https://designtest-florence.jimdo.com/

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

27.01.2018 23:51

Neuling66
#3

Ne

Neuling66

Danke für den Link, die Seite kenne ich daher habe ich die Idee Leider funktioniert keine Lösung. Eventuell mach ich ja was falsch. Aber die Animationen laufen weiterhin sofort nach dem Laden. Ich habe die Vermutung ich bekomme das Script für den Viewport Check nicht zum laufen.

Antworten

Beitrag melden

#4

21.11.2018 11:42

Cano
#4

Ca

Cano

Ich hab mal eine Frage zu den Codes, wo füge ich diese denn ein damit es klappt? ich hab den css code bei Jimdo im head eingefügt aber der speichert ihn nicht.

Antworten

Beitrag melden