https://github.com/lana-20/sticky-navbar
https://github.com/lana-20/sticky-navbar
Last synced: 24 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/lana-20/sticky-navbar
- Owner: lana-20
- Created: 2021-07-26T17:47:21.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-07-26T17:51:27.000Z (about 4 years ago)
- Last Synced: 2024-12-30T09:47:02.915Z (9 months ago)
- Language: HTML
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
| [Sticky Navbar](https://github.com/lana-20/50_Projects_in_50_Days/tree/main/StickyNavbar) | [Live Demo](https://lana-20.github.io/sticky-navbar/) |
|----|----|
In this project, I am creating a sticky nav, something simple but useful.
There is a nav bar at the top of the website. I also have a hero image with an overlay.
I am styling the website a bit, but the main point is the nav bar at the top.
When you scroll down and hit a certain point, it does a few things.
It changes its color and the text color. And it lessens the padding and makes it smaller.
If you go back to the top, it turns black and adds that padding.
You can see this effect in a lot of different websites.