Jump to content
Search Community

Greensock autoAlpha Flicker effect

Guest Pusher
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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

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.
×
×
  • Create New...