An OSX inspired dock navigation menu, consists of only CSS .
Features
No JavaScript required. With some features which CSS3 offers and supported by current modern browsers, Docklr can simulate dock menu behavior in some degree without need of JavaScript.
Interactively animated. Hover effect, bouncing icon, and stacked menu animation. Work best on modern browser that support CSS transition (Safari 3+, Chrome, Firefox 4.0+, Opera 10.5+, IE10 +) and CSS animation (Safari 4+, Chrome, Firefox 5.0+). Without it however Docklr is still usable on older browser.
Tweak it as you want. The CSS in download file isn’t minified and commented as needed, so feel free to customize with ease.
Clean & semantic HTML markup. Using CSS pseudo-element, no need unnecessary div element to create shapes like bar, shadow, tooltip balloon, triangles, etc. Docklr markup in common is about like this:
