Art landing page (Painter: Pieter Gerardus van Os), sliding menu

Téotime Pacreau
Téotime Pacreau
    • Get in touch

    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/

    Téotime Pacreau
    Téotime Pacreau Get in touch

    More by Téotime Pacreau

    View profile
    • Like