Ajax Loader
×

Another Simple CSS3 Dropdown Menu

Another simple yet amazing dropdown menu in pure CSS3 by Josh Riser. This code does not uses child selector >, although that might be prefered when there are multiple levels. Nice touch of CSS3 box-shadow, transition and text-shadow to achieve better user interface and interaction.

Related:

10
X
×

Coding Preferences


HTML

CSS

Javascript

More

16 Comments

× New

Sign In to comment

JonEricson:

I ran into the same situation as @xristaCE, in that any elements displayed below the drop down will overlay the unhidden list item(s) when hovering.

andresargos:

Nevermind, I adjusted it by changing the padding of the ul li

andresargos:

Is there a way to change the size of the boxes?

andresargos:

Is there a way to change the size of the boxes?

tundewoods:

Please how do i apply hyperlinks to the menu items ?

jandacorp:

Excelente y sencillo codigo, pero práctico. Una pregunta, como puedo hacer para que el menu quede por encima de mi contenido?

uuiz:

thank you for your Code!

AkiRyyti:

How can I make a new sub-level to this menu? I need it to open to the right and i just cant figure it out

dasalvar:

When I add the the color of the text change, how can I fix it?

xristaCE:

yes it work on all browsers apart from internet explorer. is there sth i can do? please please i tried a lot of things

Rishabh :

Try z-index property. Remember z-index only works on positioned elements. Good Luck!

xristaCE:

This is so cool but I have place a random images below the menu and the drop down menu goes under the image. What can I do to fix this please

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript
    CSSDeck G+