Skip to content

Style and script to decorate an HTML navigation list as a hexagonal user interface

License

Notifications You must be signed in to change notification settings

soandrew/hexagon-nav

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

Style and script to decorate an HTML navigation list as a hexagonal user interface

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published