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

Ausblenden mit display: none in Keyframes

Button klicken: Der Hinweis blendet aus und ist danach weg (display: none im letzten Keyframe). Zum Wiederholen neu laden.

display in Keyframes fehlt in Firefox – dort bleibt das Element unsichtbar im Layout.

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