Vorlage:Hinweis Seiten-Koordinaten/styles

[Verwendung]   [CSS bearbeiten]

Diese Seite dokumentiert TemplateStyles betreffend Vorlage:Hinweis Seiten-Koordinaten.
Sie sind auf dieser Seite aktiviert.

CSS

@keyframes target-hint {
  from {
    box-shadow: 0 0 .5em .2em #36c;
  }
  to {
    box-shadow: none;
  }
}

#SeitenKoordinaten:target {
   box-shadow: 0 0 .5em .2em #36c;
   animation: target-hint 1s linear 2s 1 forwards;
}

Kopiervorlage

<templatestyles src="Hinweis Seiten-Koordinaten/styles.css" />

---

Auswirkungen

:target

Das Indikatoren-Icon (oder ein anderes Element) verlinkt auf den Hinweiskasten für Seitenkoordinaten. Bei kurzen Artikeln oder vielen Bausteinen am Seitenende kann es vorkommen, dass das Sprungziel nicht eindeutig durch den Scrollvorgang im Browser angesteuert werden kann oder erkenntlich wird. Die :target-Regel verdeutlicht das Sprungziel, indem eine blaue Schattierung um den Hinweiskasten gezeichnet wird, sobald dieser mittels Fragmentbezeichner angesteuert wird.