Beispiel zur Notiz „Ein- und Ausblenden mit CSS animieren“

Popover blendet ein und aus

Button klicken: Das Popover blendet ein und rutscht leicht herunter; beim Schließen umgekehrt. Der Hintergrund dunkelt ab.

Ausblenden fehlt in Firefox, overlay gibt es nur in Chromium. Bei „Bewegung reduzieren“ entfällt die Animation bewusst.

Getestet in Chrome 152. Browserstand und Einordnung: siehe Notiz.