Jump to content

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


  • Posts

  • Joined

  • Last visited

About TrulyNewbie

Recent Profile Visitors

608 profile views
  1. TrulyNewbie

    Stacking divs

    Hi, I'm trying to replicate this websites sticky element - https://www.graysdegree.show/graduate-2021/kerry-todd But I'm having trouble. I'm not sure if I've over complicated my code but I'd appreciate any advice/direction etc Thank you
  2. @PointC Haha yes I did! Thank you for your help. This is perfect. Thanks again
  3. Hi, I've been trying to figure this out on my own, but I'm still stuck. I used @PointC code pen - https://codepen.io/PointC/pen/xqqyaE But my question is on click, how do I animate h5 to slide in left, and h3 to slide in right on entry AND exit? I tried a timeline array and it didn't work very effectively. Thank you
  4. Thank you so much. I've never used a map before. Thank you
  5. Hi Cassie, thanks for your help. I took your advice (thanks!), but I have 3 more questions. How do I slow it down on hover? & How do I move the cursor faster than the image? and how do i inverse the direction? so up is down, left is right. I tried this: https://codepen.io/NewbieRuby/pen/bGoaqVg and this https://codepen.io/NewbieRuby/pen/gOGogBO Thanks again
  6. Hi, so I'm trying to mimic this style: https://www.rvlt.net/gallery I know I need to invert the movement, but I just don't know how to make it feel like same as the websites. I'd appreciate any help! Thank you
  7. Ok I think I've figured it out - https://codepen.io/NewbieRuby/pen/gOxqEyv Thanks again!
  8. Sorry.. I do have one more question. Why wont my animation reset on EnterBack/LeaveBack? https://codepen.io/NewbieRuby/pen/gOxqEyv
  9. Thank you thank you thank you! It works perfectly! Thanks again ✨ @Cassie
  10. Hi @Cassie I don't think it is. To be honest I'm a little confused with the function elem part. I'm going to play around with it and try and figure it out. Thank you for your help
  11. Hi, So I have 3 identical divs (with different content), and I want an animation to play when each div is scrolled into view, and a different animation when it's scrolled out of view. I tried so many ways but I just can't seem to get the correct code. Thank you in advance
  12. TrulyNewbie


    Hi, I'm not sure if I'm in the right place, but I'm building my portfolio on wordpress using gsap and locomotive scroll, and I want to feature a scrollTo anchor. So in my example you click the word work and it scrolls to another page in the section. But my issue is that when it arrives to the section, the page has not loaded properly at all. The section I want to scroll to is at the top and the page is empty. I think I need an event listener, but I've tried everything I know and I'm still stuck. Please Id appreciate any type of help - https://new.reaal.studio/work Thanks
  13. Hi, I want to stagger each h5 in an array, but it doesn't seem to work. Please can you show me where am I going wrong?
  14. Hi, does anyone know how I can make the mask be center of the cursor on load? At the moment it snaps to the cursor as soon as you move it. I was also thinking if there was a way to delay the movement? like it follows the cursor? Maybe that will combat the jump