friendlygiraffe

Members
  • Content count

    225
  • Joined

  • Last visited

Community Reputation

11 Newbie

About friendlygiraffe

  • Rank
    Advanced Member

Recent Profile Visitors

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

  1. friendlygiraffe

    Add to Timeline without altering parent

    Ah, add it afterwards. Nice and simple, thanks
  2. friendlygiraffe

    Add to Timeline without altering parent

    Hi, without using absolute values, is it possible to add a Child Timeline to another without affecting the timings of the Parent Timeline? For example in the TL I want the red circle and blue circle to start at the same time Thanks
  3. friendlygiraffe

    Animating SVG mask content

    Thanks all. This worked for me
  4. friendlygiraffe

    Animating SVG mask content

    Hi, I'm having to use an SVG mask (so it works on Explorer) I wondered how I would animate the containing image, without moving the mask? See demo
  5. friendlygiraffe

    SloMo inverse?

    oh I see. I imagine if it were to be used in a Google DoubleClick project, the js library would have to be included in the upload. There is no Google hosted equivalent?
  6. friendlygiraffe

    SloMo inverse?

    It's for a banner in DoubleClick, which I couldn't find a google hosted link for CustomEase. I noticed you use this URL in your CodePen: //s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomEase.min.js?r=2 Is that because it's exclusive for Club GreenSock?
  7. friendlygiraffe

    SloMo inverse?

    Thanks Jack - Yes Power4.easeInOut is pretty near on close inspection. Almost identical in fact. I have been using that, but I was just looking for a straighter middle part (without constructing a custom version):
  8. friendlygiraffe

    SloMo inverse?

    Hi, i'm looking to create an ease that would look exactly like the inverse of a SloMo: It starts off slow, speeds up in middle, then slows down. Is there an easy way to switch this? so, instead of the original curve on the left, it would look something more like the curve on the right: Thanks
  9. friendlygiraffe

    Animate width from left to right

    Thanks Mikel, nearly - I need the text be static Here's a better example of what I mean. Have a look at the red version for what I'm trying to achieve (without having to animated the text):
  10. friendlygiraffe

    Animate width from left to right

    Thanks Sahil, I couldn't see a solution on that thread that kept the contents (text) static
  11. friendlygiraffe

    Animate width from left to right

    I'm trying to animate a div (mask) from left to right using width, keeping the text static. I have tried to achieve this using transformOrigin & marginLeft Any other suggestions welcome Thanks
  12. friendlygiraffe

    Transform and z-index stacking context

    It seems to work when specifying #background_exit as z-index:-1; Would be good to find a more flexible fix though
  13. friendlygiraffe

    Transform and z-index stacking context

    Thanks, any clue why is the button no longer clickable ?
  14. friendlygiraffe

    Transform and z-index stacking context

    Might not be specific to GSAP, but: You'll notice when the button is clicked and the function is fired, it seems to remove it's functionally. See in example Thanks
  15. friendlygiraffe

    staggerFrom same Point

    Great, thanks