ANIMIERTER HEADER


BUTTON

code.zella.de

  • Dieser Header zoomt automatisch langsam ein und wieder aus.
  • Unten bekommt der Header einen Farbverlauf. Somit haben wir einen fließenden Übergang zum Inhalt der Seite.
  • "Scroll-Effekt" Beim scrollen bewegt sich das Header-Bild nach unten.
  • Zusätzlich wurden eine H1-Überschrift mit transparenter Hintergrundfarbe, ein Button, sowie ein H4-Link eingefügt.
  • Natürlich könnt ihr alle Farben anpassen, oder nicht benötigten Code aus dem CSS entfernen.

CSS-Code

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

Quellcode markieren & kopieren

Quelltext

Diesen Code per Widget > Quelltext einfügen und anpassen.

Quellcode markieren & kopieren

Das Widget Quelltext erhält die CSS-Klasse: zpBreakout

Hinterlassen sie einen Kommentar zu diesem Code.

support
Dutch English French German