Nav Bar - Change Colour and Logo Size when at top of page

Design help Animations & Interactions
1

Hey there,

I’d like to create an interaction but not sure how to do it.

Essentially, when someone is at the top of the page, I would like the Nav Bar to be transparent and the logo to grow in size. How can I do this?

Sort of like on this website:

Any help appreciated!

Here is my public share link: https://preview.webflow.com/preview/nook?utm_medium=preview_link&utm_source=dashboard&utm_content=nook&preview=9491ae48ef3c0f7b280d8b3ac3f643fd&mode=preview

2

I suggest using the interactions tools. My logo jiggles when the pointer goes off.

image

The University has information to get started.