Skip to content

In this repository, I've created a fun and interactive web feature where clicking a button opens a sidebar menu, and the entire page performs a CSS rotation effect. πŸš€

Notifications You must be signed in to change notification settings

good-gis/rotating-navigation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“œ Rotate Navigation

Welcome to my GitHub project! In this repository, I've created a fun and interactive web feature where clicking a button opens a sidebar menu, and the entire page performs a CSS rotation effect. πŸš€

🌟 Features

  • πŸ–±οΈ Interactive Button: Click to open the sidebar menu.
  • πŸŒ€ CSS Rotation: The entire page rotates when the sidebar opens.
  • 🎨 Stylish Design: Aesthetic and modern look using HTML, CSS, and JavaScript.

πŸ› οΈ Technologies Used

  • HTML: Structure of the web page.
  • CSS: Styling and animations.
  • JavaScript: Interactivity and functionality.

πŸ“‚ Project Structure

πŸ“¦ rotating-navigation
β”œβ”€β”€ πŸ“œ index.html
β”œβ”€β”€ πŸ“œ styles.css
└── πŸ“œ script.js

πŸš€ Getting Started

Follow these steps to get a copy of the project up and running on your local machine.

πŸ“₯ Installation

  1. Clone the repository:
    git clone git@github.com:good-gis/rotating-navigation.git
  2. Navigate to the project directory:
    cd rotating-navigation

▢️ Usage

  1. Open index.html in your favorite web browser.
  2. Click the button to see the sidebar menu and the rotation effect in action!

✨ Made with ❀️ by good-gis ✨


About

In this repository, I've created a fun and interactive web feature where clicking a button opens a sidebar menu, and the entire page performs a CSS rotation effect. πŸš€

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published