MSUI3DAI
Mara Sol
Directora creativa
128 proyectos48k seguidores
HTML + CSSCartes
Carte profil en orbite
Une carte profil où de petites étiquettes tournent lentement autour de l'avatar, au-dessus du nom et de quelques chiffres.
Réglages
16px
1x
Code
<article class="uv-corbit"><div class="orbit"><i>MS</i><b>UI</b><b>3D</b><b>AI</b></div><h3>Mara Sol</h3><p>Directrice artistique</p><div><span>128 <small>proyectos</small></span><span>48k <small>seguidores</small></span></div><button>Se connecter</button></article>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Cartes
Où l’utiliser
Une façon sympathique de montrer ce que fait une personne avant de lire quoi que ce soit. Essayez-la sur la page des intervenants d'une conférence tech, sur une plateforme de freelances ou dans la section équipe d'une agence, avec les spécialités de chacun qui tournent autour de sa photo. La carte prévoit des chiffres et un bouton « Se connecter ».
Gardez des étiquettes de deux ou trois lettres ou une icône : les mots longs ne tiennent pas dans les bulles. Sur une page de vingt personnes, cette rotation permanente fatigue ; réservez-la à un profil mis en avant ou à une courte liste.