Arun
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Arun
-
-
Hello,
In example the Span element move around path and slow down at end.
I need to move it continuously without slowdown.
See the Pen MWwdzxQ by arunpatal (@arunpatal) on CodePen
-
Hello Zach,
Below is my code where onReverseComplete is not working after upgrading from 3.1.1 to 3.2.6.
var FullNaviTL = new TimelineMax(); FullNaviTL.pause(); FullNaviTL.to('.mainSiteMenu', 0.5, {top:0, width:"100%", ease: Power4.easeOut, onComplete: function(){ jQuery(".mainMenuHamburger").addClass("newColor"); }, onReverseComplete:function(){ jQuery(".mainMenuHamburger").removeClass("newColor"); } }); FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(1)', 0.6, {opacity:1, y:35, ease: Power4.easeOut},'-=0.1') FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(2)', 0.6, {opacity:1, y:35, ease: Power4.easeOut},'-=0.4') FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(3)', 0.5, {opacity:1, y:35, ease: Power4.easeOut},'-=0.4') FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(4)', 0.5, {opacity:1, y:35, ease: Power4.easeOut},'-=0.3') FullNaviTL.to('.mainSiteMenu > menu > ul > li:nth-child(5)', 0.4, {opacity:1, y:35, ease: Power4.easeOut},'-=0.3'); FullNaviTL.to('.mainSiteMenu .bottomText', 0.5, {opacity:1, y:-15, ease: Power4.easeOut},'-=0.3');
am i missing something ?
And this is how it's getting triggered
jQuery(".mainMenuHamburger").click(function(){ jQuery(this).toggleClass('off on'); if(jQuery(this).hasClass("on")){ HamburgerTL.play(); FullNaviTL.play(); } else { //Close Subnavi var openEle = jQuery(".mainSiteMenu > menu > ul > li a i.on"); if(openEle.length > 0){ openEle.toggleClass('off on'); gsap.timeline().to(openEle.parent("a").next("ul"), 0.5, {height:0, onComplete:function(){ HamburgerTL.reverse(); FullNaviTL.timeScale(2).reverse(); }}); } else { HamburgerTL.reverse(); FullNaviTL.timeScale(2).reverse(); }; }; });
-
Hi,
After upgrading from 3.1.1 to 3.2.6, onReverseComplete is not getting triggered.
motionPath delay
in GSAP
Posted
Thanks, it works with ease:'none'