Hi!
I really tried and searched to get this runnin but i couldn't found a proper solution:
I know that its possible with the CSSPlugin to animate classes like:
TweenMax.to($element, 1, { className: '-=myclassRemove' });
TweenMax.to($element, 1, { className: '+=myclassAdd' });
Now the Problem is that the selector is $('body') and the classes change the color sheme (fonts etc.) but there are no css-changes directly on the body. Child-Elements get new colors with the body added class e.g. '.body-class-orange' so every elements that change have in css like .body-class-orange h2 etc. ...
I think there is no animation because there are no directly css changes to the body ....
Is there any possible way to animate the css-changes of the child elements where somthing changed ? I tried also CSSPlugin.cascadeTo ... but it didnt work either .... is it even possible ? i dont want to use css transitions