We're working on a tool that converts Flash timeline animation to CSS animation, but want to update it to create TimelineLite calls instead. Internally, flash stores transforms in a matrix that matches CSS, so if this is possible it would be really easy to build just such a tool, and through that gain all of the great browser compatibility that greensock offers (IE9, for instance, which doesn't seem to support webkit keyframes for CSS animation)
How to tween CSS3 Transform properties?
in GSAP
Posted
Hi Carl!
Been playing with the preview (thanks again for that!) and have an oddly specific question:
I see that greensock converts whatever tween values are input into transform: matrix() styles in the actual inline style.
Is there any way to specify matrix calls in your actual TweenLite statement? something like:
TweenLite.to($obj), .5, { css : { matrix: (0.8660254037844387, 0.49999999999999994, -0.49999999999999994, 0.8660254037844387, 32, -32) }, ease: Power2.easeOut });We're working on a tool that converts Flash timeline animation to CSS animation, but want to update it to create TimelineLite calls instead. Internally, flash stores transforms in a matrix that matches CSS, so if this is possible it would be really easy to build just such a tool, and through that gain all of the great browser compatibility that greensock offers (IE9, for instance, which doesn't seem to support webkit keyframes for CSS animation)