Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sliding Navigation Panel Example

Public visualization

Sliding Navigation Panel Example

0 stars0🌍 Public
Ccolbygogan
Last edited Apr 29, 2023
Created on Apr 29, 2023
Forked from HTML Starter

This example demonstrates a sliding navigation panel that appears from the right side of the screen when a button is clicked. The panel, styled with the Bulma CSS framework, slides in and out using CSS `transition` properties on the `right` offset. Clicking outside the panel closes it. The page layout includes a fixed header, footer, and main content area, all styled with custom CSS classes, and uses JavaScript event listeners to toggle the panel's active state.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed