Aller au contenu
Forge

Coupon aux pointillés animés

Un bon de réduction à découper dont la bordure en pointillés avance en continu autour du code promo.

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

Description

Une bordure en pointillés tourne lentement autour d’un bon de réduction, à la manière des « fourmis en marche » d’une sélection : l’œil est attiré vers le code promo sans clignotement. Idéal pour un fleuriste, une boutique, une offre de lancement ou un code de parrainage. Les pointillés sont dessinés par quatre dégradés dont seule la position est animée, sans image ni script, et le décor est masqué aux lecteurs d’écran. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, la bordure reste immobile.

Code

Chargement du code…

Contenu de l'archive

effet-bordure-pointillee-animee-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

  • Tampon qui se pose

    Gratuit

    Un suivi de dossier en trois étapes où un tampon « Validé » vient se poser sur chaque carte quand elle arrive à l’écran.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Parallaxe en couches

    Gratuit

    Un paysage de montagnes en plusieurs plans qui glissent à des vitesses différentes pendant le défilement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Nuages qui défilent

    Gratuit

    Un ciel de lever du jour où des nuages dérivent lentement derrière le titre et le texte d’accroche.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Pluie de confettis

    Gratuit

    Un bandeau de fête où des confettis de couleur tombent en tournoyant derrière l’annonce.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant