Aller au contenu
Forge

Navigation transparente au défilement

Une barre transparente posée sur le visuel d'accueil, qui devient opaque dès que l'on défile.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Idéale pour les sites d'hôtels, de restaurants ou de photographes qui ouvrent sur une grande image : le texte reste blanc et lisible sur le visuel grâce à un voile dégradé, puis la barre prend un fond plein et une ombre au défilement. Le menu mobile s'ouvre toujours sur fond plein.

Code

Chargement du code…

Contenu de l'archive

navbar-transparente-defilement-html-tailwind.zip3 fichiers · 4 Ko

  • index.html6 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 12 octobre 2026.

Dans le même esprit

  • Barre de navigation centrée

    Gratuit

    Logo à gauche, liens au centre, appel à l'action à droite, menu repliable sur mobile.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Navigation pilule flottante

    Bientôt disponible

    Une barre arrondie qui flotte au-dessus du contenu, pour les sites de produit et les SaaS.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Navigation avec méga-menu

    Bientôt disponible

    Un menu « Services » qui déploie un panneau de liens commentés sur plusieurs colonnes.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Navigation à logo centré

    Gratuit

    Le nom de la maison au centre, les liens répartis de chaque côté, façon restaurant ou boutique de créateur.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant