Jump to content
GreenSock

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

PinkMeNow

ShockinglyGreen
  • Content Count

    15
  • Joined

  • Last visited

Community Reputation

4 Newbie

About PinkMeNow

  • Rank
    Member
  • Birthday 03/15/1975

Contact Methods

Profile Information

  • Gender
    Not Telling
  • Location
    Zagreb, Croatia

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Actually, I think Im linking to the same domain. Am i not?
  2. I'm trying to have an GSAP animation after internal link click. Like transitional splash between pages. I have this script this script but for some reason when I use GSAP instead of "classic" js/jQuery transitions it never loads next page. What am I doint wrong?
  3. I swear, cross my heart I tried repeat: 1. thank you
  4. Thanks. I didn't even know I have the access to beta Im trying to achieve for each of those white forms to dissapear after appearing before next one appears... Codepen
  5. Is it possible to add pause between each staggered element in stagger. Each element is supposed to appear and fade and don't appear. I want each element to fade after previous one has appeared and faded away and not to appear until whole loop starts again. TweenMax.staggerFrom(".line11", 0.3, {opacity:0, ease: Expo. easeIn, yoyo:true, repeat:-1}, -0.59);
  6. What am I doing wrong here. On mouse hover it should enlarge the text hovered. On mouseleave it should scale back.
  7. This page is rendered differently in Firefox as opposed to Chrome. PAGE Which one is correct and how to fix it?
  8. 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") }
  9. 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 });
  10. yep that works using different type of selector instead of variable. thank you.
  11. 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?
  12. 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>
×