Skip to content

Commit c7992b8

Browse files
committed
color changing and responsive navbar add
1 parent 4f00ec9 commit c7992b8

File tree

4 files changed

+36
-0
lines changed

4 files changed

+36
-0
lines changed

navbar/Screenshot (1092).png

104 KB
Loading

navbar/Screenshot (1093).png

115 KB
Loading

navbar/Screenshot (1094).png

80.4 KB
Loading

navbar/readme.md

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# Dynamic Navbar Project
2+
3+
### Description
4+
5+
This project features a dynamic and responsive navbar that changes its background color upon scrolling. The navbar is built using HTML, CSS, and JavaScript, providing a seamless and engaging user experience. The responsiveness ensures that the navbar adapts to different screen sizes, making it suitable for both desktop and mobile views.
6+
7+
### Features
8+
9+
- Background color change on scroll
10+
- Fully responsive design
11+
- Smooth transitions and animations
12+
13+
### Use of Project
14+
15+
This dynamic navbar can be used in any website to enhance navigation and visual appeal. It is particularly useful for websites that require a modern and interactive user interface.
16+
17+
Stack Used:-
18+
19+
HTML: For the basic structure of the navbar.
20+
CSS: For styling the navbar and ensuring responsiveness.
21+
22+
JavaScript: For adding interactivity and handling the scroll event.
23+
24+
Output:-
25+
26+
Output (Screenshots)
27+
28+
Screenshot (1092).png
29+
Screenshot (1093).png
30+
Screenshot (1094).png
31+
32+
The README.md file of my project contains:
33+
34+
Related Issues or Pull Requests
35+
36+
PR: #47

0 commit comments

Comments
 (0)