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
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…
Dans le même esprit

Mots surlignés au marqueur
GratuitUn 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

Bulles qui montent en fond
GratuitUne annonce posée sur de petites bulles qui montent doucement du bas de la section en ondulant, puis s’évanouissent.
- Tailwind
- React
- CSS
- WordPress

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

Carte encadrée au survol
GratuitUne carte d’offre autour de laquelle quatre coins de cadre glissent en place au survol ou au focus clavier.
- Tailwind
- React
- CSS
- WordPress