Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Newbie

About chalkytannins

  • Rank
  1. It shouldn't negate them being responsive, they should still scale. You can add athe reverse:false flag var scene = new ScrollMagic.Scene({ triggerHook: "onEnter", reverse: false }); to prevent the animation from reversing when scrolling back up past the trigger point. I believe you can call whatever functions you'd like in your scroll scene, but i haven't attempted that yet. gluck
  2. I'm also a bumbling html noob and found the documentation for scrollmagic is pretty poor, so i understand your pain. Just make sure you're loading the iscroll stuff properly, should be something like this in the head <script src="js/lib/greensock/TweenMax.min.js"></script> <script src="js/lib/greensock/plugins/ScrollToPlugin.min.js"></script> <script src="js/lib/jquery.min.js"></script> <script src="js/lib/modernizr.custom.min.js"></script> <script src="js/lib/iscroll-probe.js"></script> <script src="
  3. Here's sort of what I've been working towards, but I'm not sure how to execute it. I know it must be possible, and i'd much rather do it this way, rather than have to open Illustrator back up and slip in a keyframe to animate back and forth from. http://codepen.io/chalkytannins/pen/WpmXjw Initially I tried adding a onComplete function into my var archeryTl = new TimelineMax({onComplete:myFunc}); and then running myFunc to pass the TweenLite.to(archeryTl, 1, {progress:0.2, delay:2, ease:"Expo.easeOut", repeat:2,yoyo:true}); But I seem to be tripping up on how the timeline is
  4. I've been playing with the morphsvg bow and arrow demo: http://codepen.io/chrisgannon/pen/epZyEK?editors=0010 I was trying to get a wiggle strain when the bow was fully pulled, and using CustomWiggle and rotation with easeInOut produced some cool results, but I was trying to get the Bow and string to relax part of the way back to the relaxed/straight state. Is there anyway to animate a wiggle ease in and out partway back through an animation? Thanks.
  5. I'm trying to customize my Mailchimp validation Upon successful form validation, a 'thank you/almost finished' overlay is revealed with .show(), but i wanted to animate how it appears with GSAP. How can I call/trigger a GSAP animation from this mc-validate.js ? if (resp.result == "success"){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').css({"width": "80%", "padding": "3% 5%"}); $('#mc-embedded-subscribe-form').each(function(){ this.reset(); }); }); Thanks so much.