Search the Community
Showing results for tags 'hover'.
Found 79 results
-
Grrrr! I'm fighting with that: var greenPulse = $("#bsBox5"); var tl4 = new TweenMax.fromTo(greenPulse, 0.7, { boxShadow: "0px 0px 0px 0px rgba(0,255,0,0.3)" }, { boxShadow: "0px 0px 20px 10px rgba(0,255,0,0.7)", repeat: -1, yoyo: true, ease: Linear.easeNone }); tl4.pause(); var tl5 = new TweenMax.to(greenPulse, 0.5, {backgroundColor:"black"}); A sample from here http://www.greensock.com/css3/ but I want to use with a mouseenter/leave action, how can I do that, when mouseleave, animation looping ends greenPulse.mouseenter(function(){ tl4.play(); }); // start looping greenPulse.mouseleave(function(){ tl4.resume({from:1,suppressEvents:false}); // HERE! how it ends in the same direction, not reverse });
-
Hello there, I have problems with my Tweens, when I'm animating them on hover like this: $(this).find("a.handler").on("mouseenter.action mouseover.action", function () { if (globals.menu_item_hover_complete) // Animate current element item_hover.timeScale(1).play(); console.log("hovered"); }).on("mouseleave.action mouseout.action", function () { // Reverse animation item_hover.timeScale(1.5).reverse(); }); These Tweens on chrome sometime lag and from opacity: 1 animates to opacity: 0.060008 (it hsould be 0) and sometimes when I'm tweening opacity:1 and top: 70, it sticks to top: 70 and just tweens opacity. What is the best way to use Tweens for hovering animations?
-
Hello everybody, My brain loops!! I create a mouseover whith Adobe Edge and TweenMax, thats not the problem, but inside this symbol there is an element which also should work with mouseover TweenMax. But it does not work well. The symbol: //mouseover TweenMax.to(sym.$("bilder"),3,{css:{y:0, scale:1}, ease:Expo.easeOut}); the element inside the symbol: //mouseover TweenMax.to(sym.$("blue02"),0.4,{css:{scale:1, opacity:0.5}}); example: http://go-motion.net/edge/men/menue.html download: http://go-motion.net/edge/men.zip Any help would be great. THX Oliver from Germany
-
Hello, How would I achieve this in the JS version? http://www.snorkl.tv/2012/02/new-custom-class-for-grow-and-colorize-effect/#more-1575 Thanks, Zach
