Skip to content

Latest commit

 

History

History
15 lines (8 loc) · 695 Bytes

README.md

File metadata and controls

15 lines (8 loc) · 695 Bytes

Hexagon Nav

Style and script to decorate an HTML navigation list as a hexagonal user interface. Inspired by the navigation menu used on the Big Hero 6 pre-release website.

Usage

The main points of customizability are the text and background image for each list item.

Text within a list item should be wrapped in a tag with the class text. Generally this would be the a tag used for navigation links.

For each list item, include an img with the bg class to specify the background image for that item. Otherwise, mark the list item with the no-image class.

Example

See it in action!