Highlighting (animation) for targeted headlines

[JoCa96]

A headline can be targeted via the hash of a URL (like example.com/#headline1). This can be achieved by opening a corresponding link or clicking a link with an anchor (which will scroll to an element) inside the same page.

On pages with a lot of text, it is hard to discern which element is targeted. This is made even harder by the fact that different browsers and web apps might define different scroll margins.

We can help the user by either statically highlighting a target headline or animating the headline:

2Screen.Recording.2024-03-13.at.13.22.55.mov

See also: https://developer.mozilla.org/en-US/docs/Web/CSS/:target