Анимированные GIF: Как это остановить!

Действительно забавно! Один из способов исправить это — отключить лайтбоксы и паузу анимированных изображений внутри элемента спойлера. Это очень легко сделать с помощью одного лишь CSS:

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

Мы также могли бы сделать так, чтобы лайтбокс и пауза анимации применялись только тогда, когда содержимое не размыто, но это не сработает, если спойлер является переключателем. Однако, если мы решим изменить поведение спойлера на одностороннее (размытие снимается при клике и всё), это тоже могло бы сработать.

4 лайка