RotatingNavigation

[VaishnaviMandloi]

Description 📜

Please include a summary of the project and issue that is fixed. Please also include relevant motivation and context. Fixes #697

---

I want to add a rotating navigation design , in which the page rotate on clicking menu icon and shows the menu items in the hidden area that is not show previously and now shown due to rotation. then a close icon will visible on clicking it , the all changes will revert means the menu item will again hide the rotate page will place on it option and menu icon will appear in place of close icon and here tranisition is used .

Type of change 📝

• [x] New feature (non-breaking change which adds functionality)

---

Domain of Contribution 📊

• [x] HTML, CSS, JS
• [x] UI/UX

---

Checklist ✅

• [x] I follow Code of conduct of this project.
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [x] I have added required screenshot/gif depicting the working of the project in the folder
• [x] I am a GSSoC'22 contributor

---

Screenshots / Gif 📸

https://user-images.githubusercontent.com/98760492/170903076-6968ef15-c811-4f64-92c1-5d9b5da76ae5.mp4