Demos and snippets navigations created with pure CSS and in some cases some JavaScript.
freebies
VGhpcyBkZWFsIGRlbGl2ZXJzIGEgY29sbGVjdGlvbiBvZiBwcmVtaXVtIDNEIGljb25zLCBpbGx1c3RyYXRpb25zIGFuZCBzY2VuZXMgd2l0aCBvdmVyIDY1MCsgcHJlbWl1bSBkZXNpZ25zIGl...
VGhpcyBkZWFsIGRlbGl2ZXJzIGEgY29sbGVjdGlvbiBvZiBwcmVtaXVtIDNEIGljb25zLCBpbGx1c3RyYXRpb25zIGFuZCBzY2VuZXMgd2l0aCBvdmVyIDY1MCsgcHJlbWl1bSBkZXNpZ25zIGluIDcgZGlzdGluY3QgZGVzaWduIHN0eWxlcyB0aGF0IHlvdSBjYW4gdXNlIGZvciB3ZWJzaXRlICYgbW9iaWxlIFVJL1VYIGRlc2lnbiwgc29jaWFsIG1lZGlhIGdyYXBoaWNzLCBhZHZlcnRpc2VtZW50cywgcHJlc2VudGF0aW9ucywgdmlkZW9zLCBicmFuZGluZywgcGFja2FnaW5nIGFuZCBtb3JlLCBkZWxpdmVyZWQgaW4gdXNlLXJlYWR5IHJhc3RlciBpbWFnZSBmaWxlcyBpbiBoaWdoIHJlc29sdXRpb24gYXMgd2VsbCBhcyBlZGl0YWJsZSBzb3VyY2UgZmlsZXMgdGhhdCB5b3UgY2FuIG1vZGlmeSBob3dldmVyIHlvdSB3YW50
QSBjb2xsZWN0aW9uIG9mIDcwMCBhY2NvdW50aW5nICYgZmluYW5jZSBpY29ucyBkZWxpdmVyZWQgaW4gNCBkaWZmZXJlbnQgdmVjdG9yIHNvdXJjZSBmb3JtYXRzLCB3aXRoIDE0IGljb24gZGV...
QSBjb2xsZWN0aW9uIG9mIDcwMCBhY2NvdW50aW5nICYgZmluYW5jZSBpY29ucyBkZWxpdmVyZWQgaW4gNCBkaWZmZXJlbnQgdmVjdG9yIHNvdXJjZSBmb3JtYXRzLCB3aXRoIDE0IGljb24gZGVzaWduIGNhdGVnb3JpZXMgZm9yIGVhY2ggaWNvbiBpbmNsdWRpbmcgcG9wdWxhciBkZXNpZ24gc3R5bGVzIGxpa2UgTGluZSwgR2x5cGgsIEZsYXQgYW5kIFJvdW5kIC0gY29sb3JmdWwgZGVzaWducyBhbmQgbWV0YXBob3JzIHdpdGggYSBodWdlIHZhcmlldHkgb2Ygc3R5bGVzLCBhbmQgMTAwJSBlZGl0YWJsZSB2ZWN0b3Igc291cmNlcw==
QSBjb2xsZWN0aW9uIHdpdGggMTAwIHBpY3R1cmUgZnJhbWUgbW9ja3VwcyBkaXNwbGF5ZWQgaW4gZGlmZmVyZW50IHNpemVzIGFuZCBzY2VuZXMsIGluY2x1ZGluZyBsaXZpbmcgcm9vbXMsIHd...
QSBjb2xsZWN0aW9uIHdpdGggMTAwIHBpY3R1cmUgZnJhbWUgbW9ja3VwcyBkaXNwbGF5ZWQgaW4gZGlmZmVyZW50IHNpemVzIGFuZCBzY2VuZXMsIGluY2x1ZGluZyBsaXZpbmcgcm9vbXMsIHdhbGxzLCBkZXNrIHNjZW5lcyBhbmQgc2V2ZXJhbCBvdGhlcnMsIHdpdGggc2luZ2xlIGZyYW1lIHNjZW5lcyBhcyB3ZWxsIGFzIHNjZW5lcyB3aXRoIHVwIHRvIDMgcGljdHVyZSBmcmFtZSBtb2NrdXBzIHdoZXJlIHlvdSBjYW4gcGxhY2UgeW91ciBjb250ZW50IHRocm91Z2ggUGhvdG9zaG9wLCBBcnRpZnksIENhbnZhIGFuZCBzaW1pbGFyIHBsYXRmb3Jtcy4gRmlsZXMgaW4gUFNEICYgSlBHIGZvcm1hdHM=
QSBjb2xsZWN0aW9uIG9mIDg3MCBtb2Rlcm4gbHV4dXJ5IGxvZ28gdGVtcGxhdGVzIHdpdGggYSBodWdlIHNlbGVjdGlvbiBvZiBzdHlsZXMsIHdpdGggMTAwJSB2ZWN0b3Igc291cmNlIGZpbGV...
QSBjb2xsZWN0aW9uIG9mIDg3MCBtb2Rlcm4gbHV4dXJ5IGxvZ28gdGVtcGxhdGVzIHdpdGggYSBodWdlIHNlbGVjdGlvbiBvZiBzdHlsZXMsIHdpdGggMTAwJSB2ZWN0b3Igc291cmNlIGZpbGVzIGFuZCBsb2dvIHRlbXBsYXRlcyBmb3Igb3ZlciAyMjAgbmljaGVzICYgYnVzaW5lc3MgaW5kdXN0cmllcywgc3VjaCBhcyBjbG90aGluZyBicmFuZHMsIGxpcXVvcnMsIHJlc3RhdXJhbnRzLCBmaW5lIGpld2xlcnkgYW5kIG1hbnkgbW9yZSwgc28geW91J2xsIGhhdmUgYSBkZWVwIHBvb2wgb2Ygc3RvY2sgbG9nb3MgdG8gcGljayBmcm9tIGZvciB5b3VyIHByb2plY3Rz
QSBjb2xsZWN0aW9uIG9mIGFic3RyYWN0IDNEIHNoYXBlcyBhcyB3ZWxsIGFzIGJhY2tncm91bmRzICYgdGV4dHVyZXMsIHNldmVyYWwgZGlmZmVyZW50IHNoYXBlIHN0eWxlcyBhbmQgYmFja2d...
QSBjb2xsZWN0aW9uIG9mIGFic3RyYWN0IDNEIHNoYXBlcyBhcyB3ZWxsIGFzIGJhY2tncm91bmRzICYgdGV4dHVyZXMsIHNldmVyYWwgZGlmZmVyZW50IHNoYXBlIHN0eWxlcyBhbmQgYmFja2dyb3VuZC90ZXh0dXJlIGRlc2lnbnMgaW5jbHVkaW5nIGRpc3RvcnRlZCwgZ2xpdGNoZWQgYW5kIGxpcXVpZCBzaGFwZXMsIGdyYWlueSBncmFkaWVudCwgaG9sb2dyYXBoaWMgcGFpbnRpbmcgJiBncnVuZ2UgdGV4dHVyZXMsIGV2ZXJ5dGhpbmcgZGVsaXZlcmVkIGluIHRyYW5zcGFyZW50IFBORyBmaWxlcyBhbmQgSlBHIGZpbGVzLCB0cmFuc3BhcmVudCBiYWNrZ3JvdW5kcyAmIHByaW50YWJsZSBhdCAzMDBkcGk=
QSBjb2xsZWN0aW9uIG9mIGNyZWF0aXZlIGZvbnQgc3R5bGVzIGZlYXR1cmluZyBmdXR1cmlzdGljIGZvbnRzLCBjdXRvdXQgZm9udHMsIHN0ZW5jaWxzICYgbWFueSBtb3JlLCBkZWxpdmVyZWQ...
QSBjb2xsZWN0aW9uIG9mIGNyZWF0aXZlIGZvbnQgc3R5bGVzIGZlYXR1cmluZyBmdXR1cmlzdGljIGZvbnRzLCBjdXRvdXQgZm9udHMsIHN0ZW5jaWxzICYgbWFueSBtb3JlLCBkZWxpdmVyZWQgaW4gT1RGIGZpbGUgZm9ybWF0IHdpdGggYW4gYXJyYXkgb2YgT3BlblR5cGUgZmVhdHVyZXMgdG8gY3JlYXRlIGF3ZXNvbWUgZGlzcGxheSB0eXBvZ3JhcGhpYyBjb21wb3NpdGlvbnM=
QSBjb2xsZWN0aW9uIG9mIDNEIGRpbWVuc2lvbmFsIHNoYXBlcyBmZWF0dXJpbmcgNCBkaWZmZXJlbnQgc3R5bGVzIC0gMzQyIHNoYXBlcyBpbiB0b3RhbCwgd2l0aCBob2xvZ3JhcGhpYywgaXJ...
QSBjb2xsZWN0aW9uIG9mIDNEIGRpbWVuc2lvbmFsIHNoYXBlcyBmZWF0dXJpbmcgNCBkaWZmZXJlbnQgc3R5bGVzIC0gMzQyIHNoYXBlcyBpbiB0b3RhbCwgd2l0aCBob2xvZ3JhcGhpYywgaXJpZGVzY2VudCwgZ3JhaW55IGdyYWRpZW50ICYgc29saWQgc3R5bGVzLCBoaWdoIHJlc29sdXRpb24gUE5HIGZpbGVzIHdpdGggdHJhbnNwYXJlbnQgYmFja2dyb3VuZHMgZm9yIGVhY2ggc2hhcGUsIGRpbWVuc2lvbnMgNTAwMHg1MDAwcHgsIHByaW50IHJlYWR5IGF0IDMwMGRwaSA=
UGxhaW5BZG1pbiBpcyBhIGJvb3RzdHJhcCA1IGFkbWluIHRlbXBsYXRlIG1hZGUgd2l0aCBWYW5pbGxhSlMsIGl0IGZlYXR1cmVzIDMwMCsgVUkgY29tcG9uZW50cywgNDArIEhUTUwgZmlsZXM...
UGxhaW5BZG1pbiBpcyBhIGJvb3RzdHJhcCA1IGFkbWluIHRlbXBsYXRlIG1hZGUgd2l0aCBWYW5pbGxhSlMsIGl0IGZlYXR1cmVzIDMwMCsgVUkgY29tcG9uZW50cywgNDArIEhUTUwgZmlsZXMsIDMgcHJlbWFkZSBkYXNoYm9hcmRzIGZvciBlQ29tbWVyY2UsIEFuYWx5dGljcyAmIENSTSwgYW5kIGhpZ2hseSBjdXN0b21pemFibGUsIG1vZHVsYXIgSFRNTCBjb2RlIHNvIHlvdSBjYW4gY3JlYXRlIGFtYXppbmcgY3VzdG9tIGFkbWluIGRhc2hib2FyZCBleHBlcmllbmNlcw==
QSBzZXQgb2YgMyBwcmVtaXVtIEhUTUwgZGFzaGJvYXJkIHRlbXBsYXRlcywgY3JlYXRlZCB3aXRoIHRoZSBsYXRlc3QgdGVjaG5vbG9naWVzLCBIVE1MIEJvb3RzdHJhcCwgTGFyYXZlbCwgUmV...
QSBzZXQgb2YgMyBwcmVtaXVtIEhUTUwgZGFzaGJvYXJkIHRlbXBsYXRlcywgY3JlYXRlZCB3aXRoIHRoZSBsYXRlc3QgdGVjaG5vbG9naWVzLCBIVE1MIEJvb3RzdHJhcCwgTGFyYXZlbCwgUmVhY3QsIGFuZCBBbmd1bGFy
TGlmZXRpbWUgRmFzdGVzdFZQTiwgT25seSAkMjAhIEJyb3dzZSBTZWN1cmVseSBhbmQgQW5vbnltb3VzbHkgd2l0aCBQMlAgU2VydmVycywgVW5ibG9jayBDb250ZW50LCBTZWN1cmUgeW91ciB...
TGlmZXRpbWUgRmFzdGVzdFZQTiwgT25seSAkMjAhIEJyb3dzZSBTZWN1cmVseSBhbmQgQW5vbnltb3VzbHkgd2l0aCBQMlAgU2VydmVycywgVW5ibG9jayBDb250ZW50LCBTZWN1cmUgeW91ciBEYXRhIHdpdGggMjU2LUJpdCBFbmNyeXB0aW9uLCBOQVQgRmlyZXdhbGwsIEFuZCBhIFN0cmljdCBObyBMb2dnaW5nL1RyYWNraW5nIFBvbGljeS4=
QSBwaXp6YSBtb2NrdXBzIHNjZW5lIGNyZWF0b3IgZmVhdHVyaW5nIDE3MCsgaXNvbGF0ZWQgaXRlbXMsIGluY2x1ZGluZyBwaXp6YSBkb3VnaCwgaW5ncmVkaWVudHMgJiBwbGF0ZXMsIHdpdGg...
QSBwaXp6YSBtb2NrdXBzIHNjZW5lIGNyZWF0b3IgZmVhdHVyaW5nIDE3MCsgaXNvbGF0ZWQgaXRlbXMsIGluY2x1ZGluZyBwaXp6YSBkb3VnaCwgaW5ncmVkaWVudHMgJiBwbGF0ZXMsIHdpdGggcHJvZmVzc2lvbmFsIGxpZ2h0aW5nLCBoaWdoIHJlc29sdXRpb24gJiB0cmFuc3BhcmVudCBiYWNrZ3JvdW5kcyBhcyB3ZWxsIGFzIG9yZ2FuaXplZCBsYXllciBzdHJ1Y3R1cmVzLCBzZXBhcmF0ZSBpdGVtICYgc2hhZG93IGxheWVycywgYW5kIHNtYXJ0IG9iamVjdHMgZm9yIG1vY2t1cCBjb250ZW50IHBsYWNlbWVudA==
VGhpcyBwYWNrYWdlIGNvbnRhaW5zIGEgbWFzc2l2ZSBjb2xsZWN0aW9uIG9mIGN1dGUgYW5pbWFsIGlsbHVzdHJhdGlvbnMgZmVhdHVyaW5nIDE2IGRpZmZlcmVudCB0aGVtZXMgd2l0aCBhIGN...
VGhpcyBwYWNrYWdlIGNvbnRhaW5zIGEgbWFzc2l2ZSBjb2xsZWN0aW9uIG9mIGN1dGUgYW5pbWFsIGlsbHVzdHJhdGlvbnMgZmVhdHVyaW5nIDE2IGRpZmZlcmVudCB0aGVtZXMgd2l0aCBhIGN1dGUgY2FydG9vbiBkZXNpZ24gc3R5bGUsIHJhbmdpbmcgZnJvbSBhc3Ryb25hdXQgZG9ncywgY2F0cyAmIG1pY2UgdG8gZnVubnkgY2F0cywgaG91c2UgcGV0cyB3ZWFyaW5nIGNocmlzdG1hcyBjb3N0dW1lcywgZG9ncyBwbGF5aW5nIGd1aXRhciAmIG1hbnkgbW9yZQ==
RXRydXNjby1Ob3cgaXMgdGhlIHJldml2YWwgb2YgYSBjbGFzc2ljIGxlYWQgZm9udCBvcmlnaW5hbGx5IGNhc3QgaW4gMTkyMCwgZmVhdHVyZXMgYSBzdHlsaXNoIGRlc2lnbiwgNTAgZm9udCB...
RXRydXNjby1Ob3cgaXMgdGhlIHJldml2YWwgb2YgYSBjbGFzc2ljIGxlYWQgZm9udCBvcmlnaW5hbGx5IGNhc3QgaW4gMTkyMCwgZmVhdHVyZXMgYSBzdHlsaXNoIGRlc2lnbiwgNTAgZm9udCB2YXJpYXRpb25zIHdpdGggbWF0Y2hpbmcgaXRhbGljcywgMyBkaWZmZXJlbnQgd2lkdGhzLCB3ZWlnaHRzIGZyb20gVGhpbiB0byBCbGFja3MsIEVPVCwgV09GRiAmIFdPRkYyIGFzIHdlbGwgYXMgVFRGIHZhcmlhYmxlIGZvbnQgZmlsZXM=
QSBjb2xsZWN0aW9uIG9mIHZpbnRhZ2UgZmxvcmFsIHZlY3RvciBkZXNpZ25zIGZlYXR1cmluZyBvdmVyIDUwMCBsb29zZSBmbG93ZXJzLCBwbGFudHMsIGluc2VjdHMgYW5kIGxlYXZlcyBhcyB...
QSBjb2xsZWN0aW9uIG9mIHZpbnRhZ2UgZmxvcmFsIHZlY3RvciBkZXNpZ25zIGZlYXR1cmluZyBvdmVyIDUwMCBsb29zZSBmbG93ZXJzLCBwbGFudHMsIGluc2VjdHMgYW5kIGxlYXZlcyBhcyB3ZWxsIGFzIGNvbXBvc2l0aW9ucyBsaWtlIGJvdXF1ZXRzLCB3cmVhdGhzLCBmcmFtZXMsIGZsb3dlciBjaXJjbGVzICYgbW9yZSwgZGVsaXZlcmVkIGluIHZlY3RvciBFUFMgZm9ybWF0IGFzIHdlbGwgYXMgaGlnaCByZXNvbHV0aW9uIHRyYW5zcGFyZW50IFBORyBmaWxlcw==
M0QgU2NlbmVzIENyZWF0b3IgKHRvcC9mcm9udCkgKyBNb2NrdXAgQnVuZGxlIChMb2dvICsgUHJpbnRzICsgQXBwbGUpLCAyODAwKyBpdGVtcyB3b3J0aCAkODU0IGZvciBvbmx5IDI1VVNEOiB...
M0QgU2NlbmVzIENyZWF0b3IgKHRvcC9mcm9udCkgKyBNb2NrdXAgQnVuZGxlIChMb2dvICsgUHJpbnRzICsgQXBwbGUpLCAyODAwKyBpdGVtcyB3b3J0aCAkODU0IGZvciBvbmx5IDI1VVNEOiBUaGUgVWx0aW1hdGUgTW9jay1VcCBCdW5kbGU=
QSBiaWcgc2V0IG9mIDNEIGhhbmRzIGZlYXR1cmluZyA1MCB1bmlxdWUgaWxsdXN0cmF0aW9ucyBvZiBoYW5kcyBwZXJmb3JtaW5nIGRpZmZlcmVudCBnZXN0dXJlcyBhbmQgYWN0aW9ucywgZGV...
QSBiaWcgc2V0IG9mIDNEIGhhbmRzIGZlYXR1cmluZyA1MCB1bmlxdWUgaWxsdXN0cmF0aW9ucyBvZiBoYW5kcyBwZXJmb3JtaW5nIGRpZmZlcmVudCBnZXN0dXJlcyBhbmQgYWN0aW9ucywgZGVsaXZlcmVkIHdpdGggZmlsZXMgZm9yIEZpZ21hIGFzIHdlbGwgYXMgQWRvYmUgUGhvdG9zaG9wIChQU0QpIGFzIHdlbGwgYXMgaGlnaCByZXNvbHV0aW9uIFBORyB3aXRoIHRyYW5zcGFyZW50IGJhY2tncm91bmRz
MTAwMCsgVC1TaGlydCBNb2NrdXBzLCBBZHVsdCBNYWxlLCBGZW1hbGUgJiBDaGlsZHJlbiBNb2RlbHMsIEluY2x1ZGVzIFNjZW5lcywgSGlnaCBSZXNvbHV0aW9uIDQwMDB4MjYwMHB4LCBEaXN...
MTAwMCsgVC1TaGlydCBNb2NrdXBzLCBBZHVsdCBNYWxlLCBGZW1hbGUgJiBDaGlsZHJlbiBNb2RlbHMsIEluY2x1ZGVzIFNjZW5lcywgSGlnaCBSZXNvbHV0aW9uIDQwMDB4MjYwMHB4LCBEaXNwbGFjZW1lbnQgTWFwcywgRWFzeSBDb2xvciBDaGFuZ2UsIE9yZ2FuaXplZCBMYXllcnMgJiBDb21tZXJjaWFsIFVzZSBMaWNlbnNlDQo=
QSBodWdlIHdpcmVmcmFtZSBraXQgZm9yIEFkb2JlIFhEIHdpdGggNDAwMCsgVUkgY29tcG9uZW50cyAmIDYwMCsgdXNlLXJlYWR5IHJlc3BvbnNpdmUgbGF5b3V0cyBmb3IgZS1jb21tZXJjZSw...
QSBodWdlIHdpcmVmcmFtZSBraXQgZm9yIEFkb2JlIFhEIHdpdGggNDAwMCsgVUkgY29tcG9uZW50cyAmIDYwMCsgdXNlLXJlYWR5IHJlc3BvbnNpdmUgbGF5b3V0cyBmb3IgZS1jb21tZXJjZSwgZGFzaGJvYXJkcywgd2Vic2l0ZXMgJiBtb3JlIGZvciB3ZWIsIEFuZHJvaWQgJiBpT1Mg