Verwendung: Einblend-Animation von Elementen abhängig vom Viewport

marcus.henschel's Avatar

marcus.henschel

09 Mar, 2018 08:46 AM

Produkt: Tao Contao
Contao-Version: 4.4.14
Browser und Browserversionen: Alle Browser in aktuellen Versionen

In der Demo von Tao (https://demo.rocksolidthemes.com/?theme=contao-tao&language=de > Animationen & Effekte) ist zu sehen, dass Elemente eingeblendet werden können, wenn Sie in den Viewport des Browser kommen und sich der Effekt jedesmal wiederholt, wenn die Elemente beim Scrollen wieder erneut in den Viewport kommen. Im Backend ist leider nirgends etwas zu finden, wo dieses Verhalten konfiguriert werden kann. Elemente werden einmal animiert, aber die Animation wird nicht wiederholt, wenn die Elemente erneut in den Viewport kommen.
Wo kann das Animationsverhalten gemäß der Demo konfiguriert werden?

  1. Support Staff 1 Posted by RockSolid Theme... on 09 Mar, 2018 10:36 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Damit die Animation wiederholt ausgeführt wird, vergeben Sie dem Element bitte die CSS-Klasse does-repeat.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac