Codeschnipsel

für Zeta Producer


Animierte Header

Header Animation 3

  • Hier verwenden wir für den Header einen Container mit Hintergrundbild. In diesem Fall wurde der Container Bildschirmfüllend gestaltet "container100".
  • Für die Animationen nutzen wir die Animate-CSS.
  • Welche Effekte möglich sind findet ihr ganz unten auf der Seite.
  • Im CSS findet ihr die Zeitliche Steuerung der Animationen, sowie das CSS für den Button, den Code für den Bildschirmfüllenden Container, Abstände von oben "head" und Änderungen für die mobile Ansicht.
  • Der Container hat die CSS-Klasse: container100 erhalten.
  • Die erste Animation "Codeschnipsel" hat die CSS-Klasse: head animated fadeInRight ani1 erhalten.
  • Die zweite Animation "für Zeta Producer" hat die CSS-Klasse: animated fadeInRight ani2 erhalten.
  • Die dritte Animation "das Bild" hat die CSS-Klasse: head animated zoomIn ani3 erhalten.
  • und so weiter...
  • Für die Scroll-Animation zum Inhalt wurde dieses Script verwendet: LINK

CSS Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

markieren & kopieren

script

support
Dutch English French German