[GSAP call function]

I have a simple 3 part animation. The text get animated in, then the photo, but the 3rd part is wrong.  its a call to a function. the function has a TweenMax. from opacity 0,  but the text is showing from the start. then when the function gets called it runs normally. How do I get the text in the .anim-text to not show on page load?

 

Thank you,

 

K

See the Pen XKZBvY by Kv2 (@Kv2) on CodePen

[background linear-gradient]

went a different route. created an overlay instead and was able to tween the backgroundColor that way.

[background linear-gradient]

Is there a way to tween the linear-gradient? 

 

I have a full cover background image with

{background: linear-gradient(rgba(0, 0, 0, .8), rgba(, 0, 0, 0, .8)), url('pic.jgp'); background-size: cover;}

i would like to tween the rgba alpha value to .5 on load.

 

is this possible?

 

thank you

[text scale animation cause font to blur]

When using Chrome the text is blurred during the animation and then at the end the text snaps clear and normal. Does not do that with Firefox or Edge.

 

How do I get rid of the blur when viewing with Chrome.

 

Thank you,

 

Kv2

See the Pen wWMPJM by Kv2 (@Kv2) on CodePen