Hi!
I try animate className property. Something like below.
timeline.to(vars.$morph, 3, {
className: '+=morph--index-12',
roundProps: 'className',
});
.morph--index-1 {
background-image: url("../images/animations/main-test/main-test-1.png");
background-size: cover;
background-repeat: no-repeat;
}
Stylesheet has classes from .morpth--index-1 to .morph--index-12
But when animating - background-image property has decimal values.
roundProps: "className, class, background, backgroundImage, all" - none each of them don't work.