Simple Way to Tween Brightness in GSAP?

[soupking]

Hi everybody,

 

This is a general question with no codepen. What I want to do is this:

 

TweenMax.from(img1, .25, {brightness: 3});

 

I found this codepen, it's like an object in an object in an array..???...:

See the Pen LNzPVK by rhernando (@rhernando) on CodePen

 

Plus, it's using JQuery.

 

Do I have to do things this way? And do I have to use JQuery (sans rollover)? Assigning a brightness value to the DIV value I'm assigning the brightness values to is confusing. 

 

I don't mind being redundant starting out, but this is hard to grasp all bundled at once. Is there a more dumbed down basic example just to tween brightness out there? Peeling this one apart is kind of tricky. 

 

Thanks for reading.

 

 

[PointC]

I think this should work for you.

 

See the Pen MQvooQ by PointC (@PointC) on CodePen

Happy tweening.

 

[soupking]

Yes! Perfect! Thank you so much!