Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Horizontal CSS Menus: Here

CSS3 Semi Opaque Menu

Author: Dynamic Drive

Linear gradient backgrounds in CSS3 lets you add a graduating background to any element on the page. It's supported in FF3.6, Safari 2+ and Google Chrome. In IE9 (which currently doesn't support CSS3 Linear Gradients), SVG is used to create a similar look while IE gets its act together. With that said, this menu takes advantage of CSS3 gradient background to produce a menu with a semi opaque rollover effect. Whatever the solid background color of the main UL behind it, the menu item's background peeks through. Peek-a-boo!

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 11/07/2011

Revision History: None

Usage Terms: Click here

Your Comments (75)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 3 of 8 pages  <  1 2 3 4 5 >  Last »

In cold winter, most people are considered warm, and easy action. ugg kensingtonvery famous professional keep warming around the world.
Posted by ugg Slippers on 11/25, 11:28 PM
Hello, you published a tennis point of view is pretty good, I like tennis, we can exchange this is my home. Best tennis racket head tennis rackets UGG boots clearance sale Ugg sequin boots sequin uggs ugg Bailey Button ugg kensington ugg Slippers
Posted by ugg Slippers on 11/25, 11:30 PM
Your writing is good, I am a fan. See what you are writing, I see more. Want to know

more about the more thorough enter [url="http://www.ugg-sequinboots.net/"

title="sequined uggs"] sequined uggs[/url]
.website!
Posted by sequined uggs on 11/25, 11:32 PM
Your writing is good, I am a fan. See what you are writing, I see more. Want to know more about the more thorough enter sequined uggs.website!
Posted by sequined uggs on 11/26, 12:14 AM
ugg boots "Notify me of follow-up comments?" "Submit the word you see below:"
Posted by ugg tularosa on 11/26, 12:58 AM
QFGPfeSC, Ugg Sale Clearance ,xvJMElVb, <a >Ugg For Sale</a> ,VyRgolnk, http://on-sale-uggs-boots.com/ Ugg Sale Uk , EIxWoleK
Posted by Ugg On Sale on 11/26, 03:38 PM
The Kensington boots with the warmer and comfortable design is a for match motorcycle. such as your come expect from UGG® surface layer is plush leather fully lined with genuine sheepskin, has buckle detail and signature UGG® logo on the heel of the metal hardware. Is the real sheepskin insole, EVA molded rubber soles are the best durability and traction POD insert. Newest stylish ugg kensington boots online store providing ugg kensington uk sale,discount 40-50%,free shipping.
Posted by ugg kensington boots on 11/26, 11:37 PM
Posted by ugg Caspia on 11/26, 11:51 PM
I couldn't make it work on IE and I don't ge the black sidebar at the bottom for some reason... Any ideas?
Posted by E on 11/27, 06:03 PM
You this passage is too good, I very much agree with your point of view.An update to a favorite silhouette, the ugg Caspia is one of our new surf-inspired boots. Wrapped lacing gives this causal boot some edge while staying true to its surf roots. A molded rubber outsole and sheepskin lined uppers make the Surf Collection one of our most comfortable collections.Unique design that you choose ugg Caspia boots another big reason.
Posted by ugg Caspia on 11/27, 08:08 PM

Comment Pages 3 of 8 pages  <  1 2 3 4 5 >  Last »


Commenting is not available in this weblog entry.
Copyright 2006-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.