Rmin
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Rmin
-
-
-
hey guyz, i wanna use it On mouseover , and finish it On mouseout event, and im not quiet goOd with javascript things
$("#box").mouseout(function(){ TweenMax.staggerTo(".boxes",0.2,{scale:1},0.05); wiggle(".boxes"); function wiggle(selector){ $(selector).each(function() { wiggleProp(this, 'scale', 0.93, 1); wiggleProp(this, 'rotation', -5, 5); wiggleProp(this, 'x', -3, 3); wiggleProp(this, 'y', -3, 3); }) } function wiggleProp(element, prop, min, max) { var duration = Math.random() * (.1 - .2) + .1; var tweenProps = { ease: Power1.easeInOut, onComplete: wiggleProp, onCompleteParams: [element, prop, min, max] }; tweenProps[prop] = Math.random() * (max - min) + min; TweenMax.to(element, duration, tweenProps); } });
but i cant stop them On mouseout.
Thanks.
Wiggle Effect
in GSAP
Posted
Thanks OSUblake, i just didnt know about the killTweensOf, i got my answer anyway
tanx again.