En ce moment je croise de sacrées belles choses sur le web, que ce soit niveau visuel ou alors niveau technique. C’est pourquoi je vous ai fait une petite sélection de 18 styles de navigation, qui sont en CSS3 avec un peu d’aide par Jquery, ou alors conçu avec Jquery. De quoi vous donner un peu d’inspiration dans vos prochains design et de voir qu’on peut bosser sans Javascript, tout en gardant des effets d’animations sympathiques.
CSS3 Minimalistic Navigation Menu
CSS3 Menu using Border-Radius
Simple Navigation using CSS3
Halftone Navigation – CSS3 & Jquery
Slide Out navigation using Jquery
Fixed Fade Out menu CSS & Jquery
Fancy Apple Icon Slider – CSS & Jquery
A jquery menu style using CSS3
CSS3 dropdown Menu
A CSS3 Accordion Menu
CSS3 Glow Tabs using Box-shadow
CSS3 Menu Animation
Sweet Tabbed Navigation CSS3
Slick Menu using CSS3
Awesome Bubble Navigation with Jquery
Awesome Cufonized Fly-out Menu with jQuery and CSS3
Beautiful Background Image Navigation with jQuery
Rocking and Rolling Rounded Menu with jQuery
Alors bien sûr ces démonstrations sont faites pour les vrais navigateurs. Exit Internet Explorer, préférez Chorme (ou mieux chromium), Safari, Firefox ou encore Opera (cependant quelques démonstrations CSS3 ne fonctionneront pas avec)
Pingback: Tweets that mention 18 Menu CSS3 et (ou sans) Jquery – Le Colibri Libre -- Topsy.com
Bonjour,ces styles sont très interessant.Merci pour la partage.
Si seulement CSS3 pouvait se généraliser plus rapidement…
@Julien Vernet: Une bonne partie est déjà exploitable dans la majorité des navigateurs. Après sur les éléments visuels pur ( Ombres, Radius, dégradé…) tous assurent le support depuis presque 1 ans. Et IE9 assurera sur ce point. Après pour les animations, reste Firefox 4 et Chrome/Safari, mais tout n’est pas encore géré (et ils ne gèrent pas la même chose)
On peut déjà l’utiliser aujourd’hui sans problème. Après il faut le penser comme un plus
Pour la structure de base on doit prendre en compte IE 
Saloperie celui là^^
Very nice and hepful css3 collection and thx for adding two of my tutorials ;o)
Greetings from Berlin, Germany!
You’re Welcome !
Good tutorials.
tres bonne liste
bravo
Merci pour cette petite recherche sur des menus sympas. Je pense que l’un d’entre eux va me servir, en plus d’un thème Drupal, pour redesigner un site.
Très bon menu !! Je vous remercie. c’est fou comme on peut faire beaucoup plus de chose sympa avec ce CSS3.
« C’est fou comme on peut faire beaucoup plus de chose sympa avec ce CSS3. »
Oui. En attendant toutefois qu’IE10 puisse le supporter…
@Olivier C: IE9 supporte une bonne partie du CSS3, niveau visuel et niveau performance. Pas mal de sélecteurs super interessant sont dedans comme dans FF4, Opera et Chrome.
Avec IE9 on peut déjà s’amuser pas mal, même si hélas pas de transition ni de dégradé.
bonjour pour toute les mondes
Bravo merci
Nickel, je m’en suis servi pour un de mes projets !
Super bien pour faire un menu en css avec jquery
merci pour l’aide
Pingback: jQuery | Pearltrees
j’ai trop aimé ce type de menu..je vous remercie.. CSS3 c’est tellement intéressant..
I appreciate the helpful information. Personally, I always leave a useful comment. I get plenty of useless, spammy comments on my own site that I have to get rid of.
merci bcp pour ce package
Merci pour ce joli rassemblement de menu, ça donne de l’inspiration pour ceux, comme moi, qui en cherchent en vue de prochain projets =) Merci !