Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Pusher

Greensock autoAlpha Flicker effect

Recommended Posts

Hi there,

 

Just a quick question. Is it possible to create a flicker effect when images fade using the autoAlpha: 0 effect?

 

Something like this... (I thought Elastic would help but it didn't.)

TweenMax.to("#div", 1, {autoAlpha: 0, ease:Elastic.easeInOut})

Thanks,

 

Phil

Link to comment
Share on other sites

I bet you're looking for RoughEase because it can give you a randomized flickering effect. Here's an example: 

http://codepen.io/anon/pen/YwxqgK

 

Here are the docs: http://greensock.com/docs/#/HTML5/GSAP/Easing/RoughEase/

 

Sample code: 

TweenMax.to("#box", 3, {opacity:0, ease:RoughEase.ease.config({points:50, strength:2, clamp:true})});

Feel free to mess with the settings to get exactly the effect you want. 

  • Like 4
Link to comment
Share on other sites

Great use of RoughEase Jack.. letting the ease do all the heavy lifting ;)

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×