Jump to content

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

Logo Animation

Recommended Posts

Hi good people from gsap forums. I have been reading a lot of handy tricks and tips from you and i decided to post a question of my own here. 


The thing that i am trying to solve is: on scroll (scroll position > 50) i would like to hide the brand name behind a logo, and when the site is scrolled up to the top make it visible again.  Now the tricky part is that the logo has some cut outs (it is an svg), and if i put the text behind it, it looks really ugly. I think the solution would be some overflow hidden trick, but i could not find it out. Could you please help me with a similar codepen or any suggestion? Adding an image for quick reference so you can see what i tried to poorly explain :D


 Much appreciated guys 

logo issue.png

Share this post

Link to post
Share on other sites

Perfect! Just what I was looking for. Thank you a lot :)

  • Like 2

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.