Aller au contenu
Forge

Carte en verre dépoli

Une carte translucide et floutée posée sur des formes colorées qui flottent lentement derrière elle.

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

Description

La carte laisse deviner, à travers un verre dépoli, trois formes colorées qui dérivent et tournent doucement : l’effet « glassmorphism » appliqué à une offre, un tarif ou une annonce. Un fin reflet souligne son bord supérieur. Le fond de la carte reste assez opaque pour garder un contraste AA, en clair comme en sombre, et elle reste lisible dans les navigateurs sans backdrop-filter. CSS seul, sans image ; avec prefers-reduced-motion, les formes restent immobiles.

Code

Chargement du code…

Contenu de l'archive

effet-verre-depoli-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

  • Mots surlignés au marqueur

    Gratuit

    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

  • Bulles qui montent en fond

    Gratuit

    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

  • Enseigne néon qui grésille

    Gratuit

    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
    Composant

  • Feuilles d’automne qui tombent

    Gratuit

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant