Aller au contenu
Forge

Carte à bordure lumineuse

Une carte dont le contour est parcouru par un trait de lumière violet et cyan qui tourne sans fin.

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

Description

Un dégradé conique tourne derrière la carte et ne laisse voir que son contour : un trait lumineux fait le tour de la bordure en continu, idéal pour mettre en avant une offre, une formule ou un produit phare. Tout est en CSS, sans image ni script, et la carte garde un contenu ordinaire (titre, texte, prix, lien). Avec prefers-reduced-motion, le trait s’arrête et la bordure reste colorée sur un côté.

Code

Chargement du code…

Contenu de l'archive

effet-bordure-lumineuse-html-tailwind.zip3 fichiers · 3 Ko

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

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Carte en verre dépoli

    Gratuit

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Séparateur en vagues animées

    Gratuit

    Le bas d’une section colorée découpé par trois vagues transparentes qui ondulent à des vitesses différentes.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Titre en machine à écrire

    Gratuit

    Un titre qui s’écrit lettre par lettre derrière un curseur clignotant, en CSS seul.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Révélation au défilement

    Gratuit

    Des étapes qui apparaissent en fondu et en glissant à mesure qu’on fait défiler la page, sans script.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant