CSS Library- Powered by Dynamic Drive

CSS is getting popular and a lot of developers have realised the power of this tool. Designers have came up with a lot of CSS powered navigation menu, links and button manipulation. One of the reason why Webmasters favour CSS menu is because it can facilitate the indexing of their web pages by the search engines. Navigation created from text links are the best in terms of Search Engine Optimization.

• [Horizontal CSS Menus] - Animated horizontal tabs
  These sliding doors based blue tinted tabs "jump up" when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab. The result are tabs that animate without any scripting.
• [Vertical CSS Menus] - Arrow Bullet List Menu
  This CSS list menu features category headers with a two toned background, UL elements that have their default margins and padding removed, and finally, LI elements with custom bullet images. The result is something simple but elegant, and resembling something you might have seen on this site already!
• [Links & Buttons] - Bold CSS Buttons
  These big, bold CSS buttons are constructed using a rounded edge button image sliced into two pieces, then put back together using CSS. The button text style reacts on the "hover" state.
• [Links & Buttons] - CSS Oval buttons
  These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image's height.
• [Links & Buttons] - CSS Square buttons
  These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image's height.
• [Horizontal CSS Menus] - Glossy Horizontal Menu
  A nicely curved, glossy looking horizontal menu. Three images are used to create the interface- an underlining repeating gradient image, plus left and right parts of a sliced tab image for the selected tab.
• [Horizontal CSS Menus] - CSS Indent Menu
  Using two gradient background images, this horizontal CSS menu makes the active/ selected menu item appear indented. The width of the menu is set to 80% of its container in the demo .The entire menu markup plus images combined comes in at a very lean 2.5kb.
• [Links & Buttons] - CSS Pagination Links
  Inspired by the pagination interface you see at the footer of Digg.com, this is our version of a CSS pagination links bar, digg style. The links are list based.
• [Horizontal CSS Menus] - Inverted Shift Down Menu II
  This inverted horizontal menu creates tabs where the active tab is both longer and its text offset downwards compared to its less active counterparts. It does this by manipulating the tab's top/bottom padding values plus the color of its bottom border.
• [Horizontal CSS Menus] - Inverted Shift Down Menu
  This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it. And just for demonstration, it shows how to make the bottom corners of each tab rounded using CSS3 and Mozilla's proprietary declarations for rounded corners.

Advertise with us

Site Navigation:

Free CSS Templates Submit Templates CSS Quick Guide CSS White Hacks CSS Template Books CSS Resources CSS Library Useful Sites