CSS transitions be damned - GSAP all the way

[Visual-Q]

My GSAP story for the day.

 

I was integrating some found code to add a peek-a-boo menu to a site update, the kind where the menu slides away as you scroll down but slides back in as you scroll up. It used css transitions but since they did what was intended I went with it.

 

After spending awhile getiing it all plugged into Wordpress it worked fine in Safari and Chrome but Firefox was a disaster. Failed to work half the time. When it did work content mysteriously dissapeared huge ArrRRRGH! Now i could have spent ages trying to refactor my html, or css, or try to rewrite the triggering system in javascript or spend two hours investigating firefox bugs on forums...

 

However 5 minutes to swap out css transitions for gsap and it works like a charm.

 

So much for  css transitions/animations.

[PointC]

As a GreenSock forum moderator you should know that the use of CSS transitions is expressly forbidden. Your badge is probably safe, but there must be punishment for this offense so you need to grab some chalk and start writing.

 

 

 

[Visual-Q]

Nobody's getting my badge.

 

[jimeast]

For the DOM css is pretty lame for animating so I use GS.  For the canvas tag I use plain vanilla JS and it works well.