[Animate className with roundProps]

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.