CSS3-Animation erst zeigen, wenn zu dieser hingescrollt

[jakestyler]

Hallo,
Ich habe folgendes Problem:
Ich habe CSS3-Animationen auf meiner Seite und diese funktionieren auch alle soweit,
allerdings würde ich das jetzt gerne so gestalten, dass sie erst losgehen, wenn man zu der Stelle gescrollt hat, an der sich die animation befindet.
Ich weiß das sowas per JavaScript geht, ich hätte aber gerne die Möglichkeit weiterhin CSS3-Animationen zu nutzen.
Beispiel: Flat UI Pro - PSD&HTML User Interface Kit - Designmodo Unter Icons & Glyphs...

Mfg,

 

[Tronjer]

CSS wird vom Server ausgeliefert. Du bräuchtest also auf jeden Fall einen HTTP-Request, und das geht entweder per Seitenrefresh oder eben mit JavaScript.

 

[omoxen]

funktioniert doch...
Aber mit mit purem CSS wirds wohl nicht gehen. Nur soweit, dass du mit CSS die Animation festlegst und dann den Wert/Klasse mit JavaScript änderst.

 

[Cheffchen]

Hallo,

dein beispiel arbeitet auch mit jquery und ändert die classen bei bedarf.
(was aber nicht bis zu ende gedacht ist da es es nicht zurücksetzt, also nur einmal passiert)

Cheffchen