mimeartist

Wow! So I thought.... hmmm how am I going to pick out what to animate etc... so thought I'd just paste in what I wanted to do... like this... TweenMax.to('#image1' ,2 , {'-webkit-mask-image': '-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,1) 105%, rgba(0,0,0,1) 100%)'}); ...and it worked! I can knock off early now (I wish) James

Thanks Jonathan, I'm really only looking to use it on touch interfaces, mainly iPad as I want my fades to relate to the user interacting with the images, ... so not too much off a concern in this case... Thanks for the heads up on the CSSPlugin... will look into it now

Does GSAP support this? I'm basically doing a wipe of one image over the top of another, but with a soft edge to it... I've got it to display correctly statically... i.e. I've worked out the values for the gradient of the top image over the top whereby it has the following -webkit-linear-gradient... -webkit-mask-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 55%, rgba(0,0,0,1) 100%) Whereby the 50 is the start of the gradient and the 55 is the end...i.e the blurry edge is 5% of the image... How do I target these using animate? so that 50 goes from -5 to 100 whilst 55 goes from 0 to 105 I thought about a loop and then just adjusting the css but can i access these as an animate instead?

Ah! Thanks for this... realised I had a different log in for the forum than my account... so when I was logging into the forum it was logging me out of my developer account... Will try and download again and try the Tweenmax, draggable and ThrowProps as mentioned, thanks both of you!