[GSAP working in Chrome, but not FF or ie8/9 (colorBox)]

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

 

Here is a code pen with the buttons stripped out and just the text panel sliding up.

[GSAP working in Chrome, but not FF or ie8/9 (colorBox)]

The issue is not appearance of the colorbox, with youtube player, but the text overlaying on-top of the YouTube video when the "supplies" or "Steps in Procedure" buttons are clicked.  I am using GSAP to move the div with text, and it doesnt seem to be working in Firefox or IE8... I added Code Pen

[GSAP working in Chrome, but not FF or ie8/9 (colorBox)]

Hello Forum-

   I am experienced Flash Designer, who is trying to create an HTML5 experience...  

 

I have inline HTML YouTube video with a text panel that flys in from the bottom using GreenSock when "supplies" or "Steps in Procedure" are clicked.  Everything is great in Chrome, but the panel is invisible in Firefox and ie8 and ie9... It is a silent failure, and was hoping someone may have ideas.

 

Link to website is above.

 

Thanks!

Joel

 

I have added a CodePen...

 

When I test from firefox, and ie, nothing happens

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

[Can I control Alpha of Tint?]

I found my answer after a little digging.

 

 

Looks like I need to use the colorTransform property

 

TweenLite.to(mc, 1, {colorTransform:{tint:0xFF0000, tintAmount:0.5}}); 

[Can I control Alpha of Tint?]

Hello Forum-

   This is my first post.  I am trying to tint a MovieClip using greensock, but it appears that the tint is ALL or NOTHING. (which is weird, because there appears to be alpha as the tint is animating.

 

Is there an alpha control for the tint only? I am trying to tween buttons from 50% tint when inactive to no tint when the button is rolled over.

 

Please, let me know if there is a way to do this.

 

Thanks!

 

Joel