Blog durchsuchen

Kategorie: Design

Hintergrundbilder

Bildschirmfüllende Hintergrundbilder Für bildschirmfüllende Hintergrundbilder stehen drei CSS-Werte zur Verfügung: contain, cover und 100% 100%: Bei background-size: 100% 100% wird das Hintergrundbild genau an das Element angepasst. Das bedeutet, dass das Hintergrundbild dabei eventuell verzerrt wird. Mit background-size: contain wird das Hintergrundbild immer ganz angezeigt; es kann allerdings sein, dass daneben noch die Hintergrundfarbe zu sehen ist. Bei background-size: cover füllt das Hintergrundbild das Element ganz aus, wird aber eventuell abgeschnitten.

Dummy-Bild

Für Designentwürfe braucht man immer mal Bilder in bestimmten Größen. Oder man will ausprobieren, welche Größe zu einem Design passt. Dafür gibt es ein tolles Hilfsmittel: https://dummyimage.com/ bietet die Möglichkeit, ein Dummy-Bild in beliebiger Größe und in verschiedenen Formaten (.gif, .jpg, .png) zu erstellen und online einzusetzen. Total praktisch.