Hallo Leute,
Ich habe Contao etwas erweitert und stelle bei bestimmten Elementen die Option "animieren" zu Verfügung.
Zum Einsatz kommen:
Waypoint.js (damit kann man Elemente beeinflussen sobald Sie beispielsweise in den sichtbaren Bereich kommen)
animate.css
modernizr
Jetzt habe ich allerdings das Problem, dass meine Fallback variante zuerst erscheint bei Elementen die direkt beim laden der Seite schon sichtbar sind:
1) Modernzr prüft die Browserfähigkeiten, falls cssanimations unterstützt werden, wird dem HTML Tag die Klasse zugewiesen
1.1) ce_text animate hide (css Klassen) werden nur schlagend wenn sie Kind von html.cssanimations sind
2) Waypoint.js "sieht" das Element und fügt die Animations-Klasse hinzu
Jetzt habe ich das Problem dass das Element erscheint, dann hart ausgeblendet wird und dann sich animiert einblendet.
Gibt es einen solide Lösung dafür ohne dass ich auf den Fallback verzichten muss?
Ich möchte diesen gerne beibehalten weil sonst wären die Elemente auf hide gesetzt was natürlich ein Supergau wäre.
Ich hoffe ich konnte Ansatzweise Beschreiben wo mein Problem liegt
Viele Grüße
Lesezeichen