Aller au contenu
Forge

Nuancier qui s’ouvre en éventail

Une carte d’offre surmontée d’un paquet de nuances qui s’ouvre en éventail au survol ou au focus clavier.

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

Description

Cinq cartes de nuancier empilées, légèrement décalées, pivotent autour de leur base pour s’ouvrir en éventail dès que la carte est survolée ou que son lien reçoit le focus clavier, puis se referment. Idéal pour une droguerie, un magasin de peinture, un décorateur, une marque de cosmétiques ou une collection de produits. Seule la rotation des cartes 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, l’éventail est ouvert d’emblée, sans mouvement.

Code

Chargement du code…

Contenu de l'archive

effet-cartes-eventail-survol-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Titre en contour qui se remplit

    Gratuit

    Un grand titre en lettres creuses dont chaque mot se remplit de couleur de gauche à droite, l’un après l’autre.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Ruban promo qui brille

    Gratuit

    Une fiche produit barrée en coin d’un ruban de réduction sur lequel passe un reflet lumineux.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Icônes en orbite autour d’un logo

    Gratuit

    Une présentation d’intégrations où sept icônes tournent lentement sur deux orbites autour d’un logo.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Badge « en direct »

    Gratuit

    Une carte d’émission avec un badge « En direct » dont le point blanc émet une onde qui se propage en continu.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant