CSS3 small fresh drop-down menu is simple and generous

I have previously shared several CSS3 menus and jQuery menus, such as the HTML5/CSS3 custom drop-down box 3D card folding animation 3D. This is relatively simple to share, it is suitable for use on the user's operation panel. Let's take a look:

The color and structure are very simple and fresh.

Next, let's take a look at the source code of the menu, mainly CSS code. Only the drop-down function uses several lines of jQuery code.

Let's take a look at the HTML structure:

Liked Listen Messages Dashboard Recent Activity Unlike

Then there is the CSS code:

{:;:;:;:;:;:;:;}{:;:;:;:;}{:;}{:;}{:;} {:;}{:;:;:;:;:;:;}{:;:;:;:;}{:;:;:;:;} {:;:;:;}{:;:;:;:;:;:;:;:;}{:;:;}{:;:;:; :;:;:;}{:;}{:;:;:;}

There are two parts: one is the functional menu part above, and the other is the drop-down part. The implementation is actually very simple.

Finally, there is a jQuery code that implements the pull-down effect:

$ (Document). ready (cog = $ ('# cog' = $ ('. menu ''click', 'save'

Finally, you can check the source code.>