Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

PinkMeNow

ShockinglyGreen
  • Posts

    10
  • Joined

  • Last visited

Everything posted by PinkMeNow

  1. What am I doing wrong here. On mouse hover it should enlarge the text hovered. On mouseleave it should scale back.
  2. This page is rendered differently in Firefox as opposed to Chrome. PAGE Which one is correct and how to fix it?
  3. I have a click button that after click sends calendar entry to the user. What I'm trying to achieve is that dot in the middle scales up over letter radius on mouse hover. I've tried several approachesnow but for some reason I cannot do it. This is my code: TweenMax.to(".innerletters, .outerletters, .roundbutton", 8, {opacity:1, delay:7}); TweenMax.to(".innerletters", 32, {css:{rotation:-360, transformOrigin:'50% 50%'},ease:Linear.easeNone,repeat: -1,paused: false}); TweenMax.to(".outerletters", 22, {css:{rotation:-360, transformOrigin:'50% 50%'},ease:Linear.easeNone,repeat: -1,paused: false}); function hoverOn () { var ttt = new TimelineMax({repeat:-1}); ttt.to(".roundbutton", 2, {fill: '#F15D2E'}) ttt.to(".roundbutton", 2, {fill: '#EEBC27'}, "+=1") ttt.to(".roundbutton", 2, {fill: '#8DC641'}, "+=1") ttt.to(".roundbutton", 2, {fill: '#F15D2E'}, "+=1") }
  4. I'm trying to scale up specific path from SVG graphic. It's not working so I may be missing something. Path definition <symbol id="dot"><path id="smalldot" class="cls-2" d="M104.9,36a3,3,0,1,1-3-3A3,3,0,0,1,104.9,36Z"/></symbol> JS TweenMax.to("#dot", 3, { scale: 5 });
  5. yep that works using different type of selector instead of variable. thank you.
  6. Thank you for the reply. It works on codepen if I remove defer, yet it doesn't work on the page: http://80.240.26.71/registration/ Is it an issue of page load sequencing?
  7. Greetings, I'm new to greensock/js so Im looking for little assistance here. What am I doing wrong? <div id="sidemenu" class="sidemenu"> <a href="#registerhere"><strong>register here</strong></a> <hr /> <a href="#whatisincludedinthefee"><strong>what is included in the fee</strong></a> <hr /> <a href="#onedayattendance"><strong>one-day attendance</strong></a> <hr /> <a href="#accompanyingpersons"><strong>accompanying persons</strong></a> </div> <script> defer(function () { }); var $sidemenu = $('#sidemenu'); TweenLite.from($sidemenu, 5, {opacity: 0, ease: Power4.easeIn}); </script>
×