Miniaturbildeinstellungen

Vorschaubild-Einstellungen
Überlagerung
Bild
Farbe
Größe
Rahmen
Eckenradius
Symbolposition
Deckkraft
Übergang

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Überlagerung

Überlagerung
Farbe
Schwarz
#000000
Palette bearbeitenLeeren
Deckkraft
0
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Farb-Layer über dem Thumbnail-Bild.

Auswirkung:
Verbessert Lesbarkeit auf kontrastreichen Motiven.

Praxis-Tipp:
Zuerst Vollton + Deckkraft definieren, dann ggf. Verlauf.

Einstellungen

  • Farbe / Gradient
  • Deckkraft
  • Mischmodus
  • Responsiv

Thumbnail-Überlagerung ist unabhängig vom Überlagerung des Knopf-Hintergrunds.

Bild

Bild

MEDIA TYPE

BildVideo
Responsive EinstellungenOFFON
Bild auswählen
Deckkraft
1

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Kernpunkt:
Steuert die Darstellung von Bild/Video im Thumbnail.

Auswirkung:
Fit/Position beeinflussen die Motivwirkung stark.

Praxis-Tipp:
Fit -> Position -> Lesbarkeit (Überlagerung/Deckkraft) in dieser Reihenfolge anpassen.

Einstellungen

  • Medientyp (Bild / Video)
  • Bild: Auswahl, Wiederholen, Anpassungsmethode, Rotation (Grad), Deckkraft
  • Responsiv

Farbe

Farbe
Farbe
Basis
#FFFFFF
Palette bearbeitenLeeren
Deckkraft
1
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Basis-Farbe
  • Deckkraft
  • Mischmodus
  • Responsiv

Beim Wechsel zwischen Vollton und Verlauf im Hover kann der Übergang sprunghaft sein (CSS-Einschränkung).

Größe

Größe
Breite
100
Höhe
40

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Breite
  • Höhe
  • Responsiv

Rahmen

Rahmen
RahmenOFFON
Farbe
Schwarz
#000000
Palette bearbeitenLeeren
Deckkraft
1
Breite
1
Stil
solid

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Rahmen (ON/OFF)
  • Farbe
  • Breite
  • Style
  • Responsiv

Eckenradius

Eckenradius
Eckenradius
0

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Eckenradius
  • Responsiv

Position

Symbolposition
Responsive EinstellungenOFFON

X-Position

0%

Y-Position

0PX

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Horizontal (Left / Center / Right)
  • Vertikal (Top / Center / Bottom)
  • Responsiv

Deckkraft

Deckkraft
Deckkraft
1
Mischmodus
Normal

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Deckkraft
  • Mischmodus
  • Responsiv

Übergang

Übergang
Dauer (MS)
200
Verzoegerung (MS)
0
Beschleunigung
ease
Zurücksetzen

Kann geringfuegig von der tatsaechlichen Oberflaeche abweichen.

Einstellungen

  • Dauer (ms)
  • Verzögerung (ms)
  • Beschleunigung
  • Benutzerdefinierter Wert
  • Zurücksetzen

Wirkt auf Hover-Änderungen von Überlagerung/Bild/Farbe/Rahmen/Eckenradius/Deckkraft.