Я хотел бы наложить прозрачный анимированный GIF (прозрачность в CSS, а не в самом файле), но когда я это делаю, он потребляет огромное количество постоянного использования процессора (согласно OSX Activity Monitor).Мне любопытно, что является причиной этого, и если может быть обходной путь.
Вот CSS, применяемый к элементу:
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
opacity: 0.05;
GIF составляет 6 960x540px кадров, цикл на скорости около 24 кадров в секунду.Анимация не применяется.