I love seeing what other websites have done with their CSS so I have been searching and come up with 30 CSS techniques that are currently being used and work great. I will also be posting examples of these as we go.
There are lots of techniques to do with drop shadows, menus and image galleries. What they do have in common all using CSS and HTML.
If you’d like so different CSS features ideas that you can add to your navigation, it’s great to view other menus for inspiration, and to see how they would look on your site.
So here are 33 great CSS tricks, techniques and tutorials for helping with your navigation.
whatever: hover
This just like the Windows menu navigation and works extremely well on the website.
Simple Rounded Corner CSS Boxes
Makes the menu image look a lot smoother
Advanced CSS Menu
Extremely creative and unique but may be difficult for the user to find their way around as it is very unfamiliar to them.
Overlapping Menu
This are great and have the same effect as playing cards. Great when the option is brought to the front.
CSS Drop-Down Menu Framework
Looks like the filters on Excel. May look a little outdated but certainly unique.
JavaScript Dropdown Menu with Multi Levels
This allows for getting lots of pages simplified in a simple dropdown menu.
Hidden Tab Menus
Can look a little confusing so something that I would stay away from.
Circular Menu with Sub-Menus
Really love the creativity involved with these types of menus. I think that they look fantastic.
Sexy Drop Down Menu with jQuery and CSS
Just like the sexy bookmarks… I love it.
Super Awesome Buttons with CSS3 and RGBA
These look really great… very retro.
CSS Image Pop-Up
Nice way to introduce images to the site.
Centered Tabs with CSS
Great for alignment on your menus.
Mac Style Dock Menu Navigation Bar in CSS
Looks really cool and all Apple fans will love this.
Styling the Button Element with CSS Sliding Doors
These are surprisingly easy to go although you wouldn’t think it with the way it looks.
Styling Buttons to Look Like Links
Not something that I would do but looks fine.
CSS Navigation with Glowing Icons
Who doesn’t love glowing icons? Well why not incorporate these into your site navigation.
Fancy Sliding Tab Menu
Out of most programmers league but a great option if you can do it.
Sitemap Celebration
This looks like a family tree and on right site looks awesome.
Drop Down Menu with Nested Submenus
Again more like an application but works really well on a website surprisingly.
So there are the techniques. If you have any more then please let us know. If you have any examples even your own site then please let us know and we will put them on the site for you. If will be great to let others see what you are doing and use it as inspiration.
Please will you bookmark, like and retweet!
