scale object size using mouse over

[Guest zachledoux]

How would I implement a slight object scale change on mouse over?

 

Thanks!

Zach

[Guest zachledoux]

Or what if I want to have the object animate it's scale and opacity in a loop when the page loads?

 

Thanks!

Zach

[Carl]

To have an animation repeat you can use TweenMax and provide a repeat value

 

//give the element a starting opacity of 0
TweenLite.set(myObj, {css:{opacity:0}});
//tween to scale:2 and opacity:1
TweenMax.to(myObj, 1, {css{scale:2, opacity:1}, repeat:5, yoyo:true});

 

Please have a look here: http://www.greensock...tart-js/#repeat

 

Use the "view full demo source" feature to access a link to download multiple sample files which I think you will find very useful.

[Guest zachledoux]

The repeat works great. Is using "-1" the best way to set repeat to infinite?

 

The sample file download pack is awesome too, definitely a good starting point.

 

Thanks again,

Zach

[Carl]

Is using "-1" the best way to set repeat to infinite?

 

Yup!

 

Glad you found the Jump Start downloads useful. We're hoping folks will spend some time "peaking behind the scenes" as its a great way to learn.

 

-Carl