Hi Cassie, thanks for the quick reply. It almost works flawlessly, thanks! I'd never have achieved that myself.
One more thing; the CSSRulePlugin is used like this (not entirely visible in my first example):
var cssAnimateAfter = CSSRulePlugin.getRule(".prep-animate:after");
//inside the animBgReveal, other code cut for this example
.to(this.cssAnimateAfter, {
backgroundPosition: "100% 100%",
duration: 2.3,
ease: "Power2.easeInOut"
})
It's triggered inside the animBgReveal, and works for the first item. However, it changes all the elements that share the .prep-animate:after elements. So the backgroundPosition change is then already triggered for all elements.
Q: Any way to apply this animation to only the element that the animation is running for?