Aller au contenu
Forge

Icônes en orbite autour d’un logo

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

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

Description

Deux orbites en pointillés tournent en sens contraires autour d’un logo central, chacune portant des icônes d’outils (agenda, paiement, avis, newsletter, boutique, plan, messagerie) qui restent toujours droites pendant leur révolution. Idéal pour présenter des intégrations, un écosystème de services ou les partenaires d’une agence. Seule la rotation est animée, sans image ni script, les icônes sont dessinées en SVG et le décor est masqué aux lecteurs d’écran. Contraste AA en clair comme en sombre. Avec prefers-reduced-motion, les orbites restent immobiles.

Code

Chargement du code…

Contenu de l'archive

effet-orbites-icones-html-tailwind.zip3 fichiers · 4 Ko

  • index.html7 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

  • Nuancier qui s’ouvre en éventail

    Gratuit

    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
    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