Die Eigenschaft #transform bietet viele Möglichkeiten und mit einem Wert kleiner als 1 bei #scale kann verkleinert werden.
Author Archive for herr_seeliger
box-shadow
#box-shadow kann sowohl innen als auch außen verlaufen.
Opacity
Der Übergang für die Deckkraft kann über #opacity oder den Alpha-Wert bei #rgba oder #hsla erfolgen.
width und height
Bei Übergängen von #width oder #height kann der Aufbau anderer Elemente ebenfalls beeinflusst werden.
color
Bei der Komposition von Farbübergängen sollte auf die Lesbarkeit geachtet werden.
Transition Kombination
Die Eigenschaft #transition erzeugt Übergänge, wenn sich bestimmte Eigenschaften von einem Element ändern.
Pulsierendes Herz
Mehrere Elemente können gemeinsam animiert werden wenn ihre #animations aufeinander abgestimmt sind.
Animation
Animationen werden über Keyframes gesteuert.
Drop-Shadow
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
SVG Filter
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
Kombination
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
Sepia
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
Saturate
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
hue-rotate
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
Grayscale
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
Contrast
Effekte wie Weichzeichner, Helligkeit oder Kontrast mit CSS auf Elemente anwenden.
transition-timing-function
Die Tempokurve kann bei #transition und bei #animation genutzt werden.
ease-in-out und cubic-bezier
#ease-in-out hatgroße Ähnlichkeit mit der Tempokurve von #ease, der Mittelteil ist jedoch deutlich schneller. Mit #cubic-bezier können eigene Tempokurven erstellt werden.