Vorlage:Hinweis Seiten-Koordinaten/styles

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.