/Sliding-Menu-and-art-landingpage-Day4-of-100DaysOfCode

Sliding menu and art landingpage built with Vanilla JS, CSS, HTML

Primary LanguageCSS

Sliding Menu and art landingpage

Sliding-Menu-Demo-and-art-landing-page

Project goal

  • 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

Static capture

Sliding-menu-and-art-landing-page-capture