https://github.com/victorcodess/rotating-navigation

https://github.com/victorcodess/rotating-navigation

Last synced: 6 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/victorcodess/rotating-navigation
• Owner: victorcodess
• Created: 2022-03-10T08:12:02.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-03-10T12:59:18.000Z (over 4 years ago)
• Last Synced: 2025-06-01T21:47:40.243Z (about 1 year ago)
• Language: HTML
• Homepage: rotating-navigation-delta.vercel.app
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          

# Rotating Navigation

Unlike your everyday nav bar, this one is quite "quirky". There are two icons at the top of the page which reveals and hides the nav when the user clicks on it. To reveal the nav, the main page rotates some degrees in the anti-clockwise direction.

This is a project form a course by Brad Traversy.

## Screenshots

![image](https://user-images.githubusercontent.com/84178696/157666453-c596ab9f-466c-4880-bc79-e6f3a332a7e1.png)

## Lessons Learned

#### CSS

I learn about CSS transitions and transformations and how they can be used to tilt entire pages using the translate and rotate property. I also learnt about positioning of elements on a page. 

#### JavaScript

I learnt about event listeners, which added a class to the icons when the user clicks an icon.