Jump to content
GreenSock

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

catepillar last won the day on May 24 2015

catepillar had the most liked content!

catepillar

Members
  • Content Count

    5
  • Joined

  • Last visited

  • Days Won

    1

catepillar last won the day on May 24 2015

catepillar had the most liked content!

Community Reputation

2 Newbie

About catepillar

  • Rank
    Newbie
  1. Got it! http://codepen.io/makeitrein/pen/OVRraB Just needed to add a wrapper and animate width: 0. Still need to do some custom stuff for the dollar sign and the initial input, but it's at a workable point now.
  2. Doh! Knew it was something obvious like that. Also, I just realized that the Blake's Codepen you linked a few days ago for me - http://codepen.io/osublake/pen/XJQKVX - might be perfect in this situation. Just need a wrapper that animates to width: 0. I'll see if I can get something going based off that.
  3. Just downloaded Square's cash transfer app and was pleasantly surprised at the elegance of the UX/UI. I'd like to replicate their dynamically sized input text with GSAP. Here's the video of it I took in action: As you can see in my Codepen, I've got somewhat far, but still need some help on the animations. When I remove the last character, rather than a smooth transition, it's rather abrupt, my guess from the "text-align: center" not being animatable. Additionally, I've struggled to replicate the sliding up/sliding down animation of text, as seen in the video. Neither the "top" or "y" property seemed to have much of an effect on my text. If anyone has a recommendation or Codepen to suggest, it would be much appreciated. Thanks, Jordan
  4. Thanks Carl, those Codepens are exactly what I needed as a basis for my project. I've got a few more questions, but I'll need to play around with the Codepens provided for a few days before I'm in a position to get some help from the forum. Gracias!
  5. Lo GreenSock community, Just joined Club GreenSock today after realizing that ThrowProps is really, really cool. Few questions for you all - any help is appreciated. Question #1: Is it possible to get "overflow-x: scroll" working with Draggable objects? Question #2: Is there a way to use a negative overlap (-100) with hitTest? I'd like a radius of around 100px around the center box to pass the hitTest. Question #3: If the hitTest is successful, how can I make sure the Draggable image goes to the very center of the center box, rather than just staying where it is? I started playing around with Tweening to the center box's coordinates, but it seems like the x/y coordinates for draggable objects are based on their initial position, not their container. Here's the Codepen again: http://codepen.io/anon/pen/QbEBBB Thanks, Jordan
×