smallio

ShockinglyGreen
  • Content count

    86
  • Joined

  • Last visited

Community Reputation

63 Contributor

About smallio

  • Rank
    Advanced Member

Recent Profile Visitors

525 profile views
  1. smallio

    Slide Transitions

    @mikel Brilliant, thank you. I was closer then I thought! I tried using it outside the function and it didn't work. How does the set not effect the current box when it's used in the function? Cheers, Smallio
  2. smallio

    Slide Transitions

    Hi guys, I'm practicing slider logic at the moment & seem to be stuck scaling the coloured boxes correctly. After the final slide it breaks due to previous boxes remaining visible on top. I'd love to know more about how to prevent this! On each click I'm trying to get the current box to scaleX out from right to left and the new one to scale in like it already is. I've tried to condense the example down as much as possible. Cheers! Smallio
  3. smallio

    Master timeline woes

    Hi guys, Trying to get better at controlling multiple timelines at once. I've gone with the multi-function + call/add method here, however because I've used functions I think it's stopping me from using .timeScale on the main timeline? I'd love to be able to reverse & mess with the timeScale of it, but it's not letting me. Secondly, I can't get rid of the little white parts that my masks cover, no matter how big I make the strokes. Are there any little hacks people know to get around both of these issues? Best, Smallio
  4. ahhhh obviously!!! sorry blonde moment, aha. really appreciate the explanation
  5. Thanks for the explanation @carl. I managed to get it working via another method It would, however, be awesome to know what is different then this little pen which sahil helped me on a while back. The code is essentially the same for that part yet when it's not used in a function it goes haywire! What am I missing here lol? Many thanks, Smallio
  6. Working on a loader here & I've suddenly got this error which is stopping the whole pen from working. Any ideas? This seems to be the line that's causing the issue! var rotation = c[0]._gsTransform.rotation + 3.6 * parseInt(drawVals.start); Cheers, Smallio
  7. smallio

    Recreating an animated X with GSAP

    So cool dude!
  8. smallio

    Recreating an animated X with GSAP

    @pointC Damn!!! Once again dude, thank you so much A lot to learn from!!!
  9. smallio

    Recreating an animated X with GSAP

    Thanks for all the info guys @PointC @Jonathan @Sahil Always had a bit of hatred for them & after all this info I'm gonna avoid lol ...
  10. smallio

    Recreating an animated X with GSAP

    Hey guys, So i've been trying to recreate this nice little X with GSAP just to get better with child elements & transform origins. One of the things I can't figure out is how to correctly make this work with gsap transform origins & what the equivalent of before & after in css is. Any help would be greatly appreciated Cheers, Smallio
  11. smallio

    SplitText menu help

    @PointC One last question on the whole "this" topic. Say you wanted to have three different pictures that are fullscreen in the background, none of them are showing to start but on the hover of each grey box it shows the correct picture correlating to box 1, 2 and 3 . How would one go about that as they are then targeted outside? Cheers, Smallio
  12. smallio

    SplitText menu help

    @PointC thank you for taking the time to do all of this man, you are far, far too kind. Going to delve into this later tonight
  13. smallio

    SplitText menu help

    @PointC Once again, thank you so much! Finally understanding the whole this/for each concept and it's blowing my mind. Going to save so much time in all future projects! Excited to learn more. From forum lurker, to gsap obsessed.
  14. smallio

    SplitText menu help

    Not sure if this is bad etiquette to ask a question on another thread but as it was on the same topic I thought It would save the clutter. I was wondering how you would use this in combo with what you helped me with yesterday @PointC. The thing that confuses me is how to make the split text trigger via it's parent object. i.e. for each grey box on hover, trigger it's children eg the blue div & the split text together. I feel it's this part that's the problem, as it's referring to the title, not the grey box. $(element).hover(makeItWork2, makeItWork2); Thanks, Smallio
  15. smallio

    SplitText menu help

    This is an amazing thread. I've learned so much from going through all the examples. @PointC you are the goat.