CSS/Eigenschaften/Hintergrundfarben und -bilder

Wichtig für die Gestaltung von Hintergrundfarben und -bildern sind folgende Eigenschaften:

• background als zusammenfassende Eigenschaft von
  • background-image
  • background-blend-mode
  • background-attachment
  • background-clip
  • background-color
  • background-origin
  • background-position
  • background-size
  • background-repeat

sowie die Funktionen

• linear-gradient()
• conic-gradient() (gewinkelte Verläufe)
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()

Tutorial: Hintergrundbilder

1. Gestaltung mit CSS
   • Hintergrundfarben
   • Hintergrundgrafiken
   • multiple backgrounds
   • animierte Hintergrundbilder
2. Image Replacement
   • Prinzip
   • SVG-Grafiken
   • Inline-SVG
3. CSS Sprites
4. Parallax Scrolling