I need CSS code for this function

Hello, I'm new with CSS code on squarespace I have new website.

I need CSS code for the effects of the header links and icons of the social media and the links effects colors when I moving between the sections and the posters flip effect.

like this website: https://impactproductions.com 

And how I can make it on squarespace website?

That's not going to be just CSS, you'll need to use JS to see how far down a user has scrolled, and then change that specific anchor link color in the menu. In Squarespace 7, some templates could do this as single-page websites but in 7.1 it'll take code. Many jQuery libraries will let you detect when a user is on a specific section (instead of using offset) which will make the code easier to write.

Here's a good starting point: https://stackabuse.com/bytes/check-element-visibility-after-scrolling-with-jquery-or-js/

Thank you for your reply @Vigasan , I will check the website.

And how about the the posters flip effect with text?

27 minutes ago, MrY-Z said:

Thank you for your reply @Vigasan , I will check the website.

And how about the the posters flip effect with text?

For the flip effect, there's some great free code here: https://codemyui.com/3d-card-flip-hovering-text/

Thank you for your reply @Vigasan , Sorry but how can I use it in my website?