Project goal (video demo ↓)

• grid template areas for the UI

• flexbox adaptive container for images

• position absolute and z-index for the menu slider

• opacity transition to create a natural landing effect for the menu

• Font-awesome icons toggle for nav

• Mouse follower with "Cuberto Mouse Follower" lib

• :hover and ::before to anim menu items

• responsive handle

• Vanilla JS class toggle with click listener

🛠️

HTML, CSS, Vanilla JavaScript

Source code

https://github.com/teotimepacreau/Sliding-Menu-and-art-landingpage-Day4-of-100DaysOfCode

Online demo

https://teotimepacreau.github.io/Sliding-Menu-and-art-landingpage-Day4-of-100DaysOfCode/