Passez la souris
Frente
¡Hola!
Este es el dorso de la tarjeta.
Carte qui se retourne
Une carte qui pivote en 3D au survol pour révéler une seconde face au dos.
Réglages
Code
<div class="uv-kf"><div class="in"><div class="f"><h3>Passez la souris</h3><p>Recto</p></div><div class="b"><h3>Bonjour !</h3><p>Voici le dos de la carte.</p></div></div></div>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 carte qui se retourne cache une deuxième couche d'information derrière la première. Elle est pratique pour une page équipe (photo devant, courte bio derrière), des fiches de vocabulaire dans un cours de langue ou une page de services où le recto nomme la prestation et le verso détaille ce qu'elle comprend. Elle pivote avec un léger rebond.
Sur écran tactile, le retournement au toucher dépend du navigateur : ne cachez rien d'essentiel au dos. La carte a une hauteur fixe, limitez le texte du verso à quelques lignes, sinon il débordera.