Animierte GIFs: Hört auf damit!

Tatsächlich lustig! Eine Möglichkeit, dies zu beheben, wäre, Lightboxen und das Anhalten animierter Bilder innerhalb des Spoiler-Elements zu deaktivieren. Das lässt sich mit reinem CSS ganz einfach umsetzen:

.spoiled {
  img.animated,
  .lightbox {
    pointer-events: none;
  }
}

Wir könnten auch Lightboxen und das Anhalten von Animationen nur dann anwenden, wenn der Inhalt nicht unscharf ist, aber das funktioniert nicht, wenn der Spoiler als Umschalter dient. Wenn wir jedoch beschließen, das Spoiler-Verhalten einseitig zu gestalten (bei Klick unscharf auflösen und fertig), wäre dies ebenfalls möglich.

4 „Gefällt mir“