First of all, I would like to thank greensock for such a wonderful framework. I'm still a beginner, but I have learnt a lot from it, thanks to the easy-to-learn tutorials.
Recently I have tried creating an animation in greensock. The purpose of this animation is to create a sort of 'sliding' effect as soon as the user left clicks on the image.
I was successful enough to use the Bounce.easeOut effect.
Here's the real problem: I would like to place some text behind the image. So that when Bounce.easeOut takes full effect, I will be able to see the text.
Placing text behind an image
in GSAP
Posted
First of all, I would like to thank greensock for such a wonderful framework. I'm still a beginner, but I have learnt a lot from it, thanks to the easy-to-learn tutorials.
Recently I have tried creating an animation in greensock. The purpose of this animation is to create a sort of 'sliding' effect as soon as the user left clicks on the image.
I was successful enough to use the Bounce.easeOut effect.
Here's the real problem: I would like to place some text behind the image. So that when Bounce.easeOut takes full effect, I will be able to see the text.
I have created a function as follows:
function SlideFull() {
var slider = getElementById("image1");
TweenLite.to(slider, 3, {width:0, height:650, ease:Bounce.easeOut});
}
This function is triggered by the onclick event.
So, as soon as this function takes full effect, I would see the text behind this image. Would it be possible?
Thanks in advance