Ajax Loader
×

Fancy animated menu

Here is a fancy menu I created today, inspired from a side-menu on 10minutesaperdre.fr

This presentation uses animations/transitions and keyframes on :hover, the background of the body uses a radial-gradient, and spans uses linear-gradient to create stripes.

As you can see, there is no extra markups, just empty tags, styled with the help of :before / :after selectors, and tags are targeted with the pseudo-selectors :first-child / :last-child / :nth-child(*) and like the usual, I use some of the best features of css3 like border-radius, box/text-shadow.

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Fancy animated menu

    CSSDeck G+