В статье на сайте askthecssguy.com показано, как изменить/инвертировать изображение на прокрутке с использованием фиксированного фона: http://askthecssguy.com/articles/mike-asks-the-css-guy-about-a-scrolling-trick-with-background-images/
Моя цель еще раз включает эту концепцию, поскольку изображение плавает над другими элементами (в данном случае изображениями).
Вы можете увидеть результат здесь: http://playground.iamkeir.com/invert-logo/v2/
Однако моя реализация использует лишние элементы, и поэтому мне было интересно, есть ли у кого-нибудь идеи/предложения другого способа достичь этого?
Javascript - это, конечно, вариант, но я волнуюсь, что он не будет худощавым/элегантным. Кто-то также предложил использовать Canvas.
Любые идеи приветствуются! Спасибо.