[Fading in a div from bottom to top.]

Hello,

 

I'm pretty new to GSAP so apologies if this has been asked before(i had a search around but couldn't find an answer).

 

I have a div (see image) that i want to fade in (without the actually div moving) from the bottom of the element  to the top. What syntax would i need to use to do this? I managed to make the item move down using 

 

gsap.from('.card',{opacity:0,duration:2,ease:'ease',y:-50});

but this slowly moves the item down rather the desired effect I'm looking for.

 

Thanks in advance.