Linien Animation

Optionen

Linie: Linien Art (LR = von Links nach Rechts animiert, RL = von Rechts nach Links animiert)

Linien Farbe: Nur in Hexadezimal an zu geben ohne # (Standartfarbe: ffce2d)

Linie spiegeln: Die Linie wird gespiegelt

Länge der Linie: Ist in Px oder Prozent anzugeben. Prozent bezieht sich auf das Element, in dem die Linie ist

Horizontal verschieben: Bei einem negativen Wert wird das Element nach links verschoben, bei einem positiven nach rechts. (in px oder %)

Vertikal verschieben: Bei einem negativen Wert wird das Element nach nach oben verschoben, bei einem positiven nach unten. (in px oder %)

Ausrichtung: Links oder Rechts am Bildschirmrand ausrichten

Dauer der Animation: Muss in Sekunden angegeben werden. Bis zu zwei Nachkommerstellen erlaubt.

Animation Verzögerung: Muss in Sekunden angegeben werden. Bis zu zwei Nachkommerstellen erlaubt.

Animationsfunktion:

  • ease: Animation mit langsamen Start, beschleunigt und endet langsam
  • ease-in: Animation mit einem langsamen Start
  • ease-out: Animation mit einem langsamen Ende
  • ease-in-out: Animation mit einem langsamen Start und Ende

Linie 1 LR

Linie 1 RL

Linie 2 LR

Linie 2 RL

Linie 3 LR

Linie 3 RL

Linie 4 LR

Linie 4 RL

Linie 5 LR

Linie 5 RL

Linie 6 LR

Linie 6 RL

Linie 7 LR

Linie 7 RL

Linie 8 LR

Linie 8 RL