Jump to content
Search Community

Logo Animation

Istvan test
Moderator Tag

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

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...