Aller au contenu

Enseigne néon qui grésille

Un titre en néon rose encadré d’un tube bleu, dont la lueur grésille de temps en temps comme une vraie enseigne.

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

Description

Le titre brille comme un tube néon grâce à plusieurs ombres de texte superposées, et un cadre lumineux bleu entoure l’annonce. Toutes les quelques secondes, la lueur vacille brièvement, avec un décalage entre le titre et le cadre : l’ambiance d’un bar, d’un restaurant de nuit, d’une salle de concert ou d’une salle d’arcade. Seule l’opacité d’un halo décoratif est animée : le texte lui-même reste net et parfaitement lisible, sans image ni script, contraste AA. Avec prefers-reduced-motion, l’enseigne reste allumée en continu.

Code

Chargement du code…

Contenu de l'archive

effet-neon-enseigne-html-tailwind.zip3 fichiers · 4 Ko

  • index.html3 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Un titre dont les mots clés se font surligner l’un après l’autre, comme d’un coup de marqueur fluo.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une annonce posée sur de petites bulles qui montent doucement du bas de la section en ondulant, puis s’évanouissent.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une annonce de saison derrière laquelle des feuilles d’automne tombent en se balançant doucement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une carte d’offre autour de laquelle quatre coins de cadre glissent en place au survol ou au focus clavier.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant