[Non Animatable CSS Properties?]

Thanks everyone - makes complete sense as to why it will not animate.  So glad I had refactored to flex lol.

[Non Animatable CSS Properties?]

I am hoping this a cut and dry question (since CodePen for whatever reason will not work).  I am trying to change the CSS class of flex container by changing the "flex-direction" class from row to column.

 

It works - meaning it changes - but with no animation.  I found out that its listed on MDN as a non-animatable class.

 

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties

 

I am a green developer and was wondering if its possible to animate this class with GSAP.

 

See the Pen YwxLWx by anon (@anon) on CodePen

 -- this doesnt work at all in CodePen (JQuery missing I am guessing)

 

Thanks in advance!

See the Pen rxzrgX by anon (@anon) on CodePen