Faire une Flip Card 3D en HTML / CSS

▬▬▬▬▬ Réseaux sociaux & contenu exclusif ▬▬▬▬▬

⭕️ TikTok : @Livecode_
⭕️ Instagram : @Livecode_

👉🏼 Abonne-toi pour plus de contenu chaque semaines !
👉🏼 Éditeur de code utilisé : Visual Studio Code

[LiveCodeofficiel]

Je te conseille de rajouter un "perspective de 600px" comme ci-dessous pour avoir un effet de 3D lors de la rotation encore plus impressionnant. 😲
.card.flip { transform: perspective(600px) rotateY(180deg); }
.

[floriangasparine]

Merci pour la clarté de l'explication !

[WawaSensei]

Super tuto, c'est très cool le résultat final! 💪

[deborahd]

Bonjour, merci pour cette vidéo. J'aime beaucoup le format court et qui permet de reproduire. C'est bien que des français se mettent à faire ce genre de contenu.

[stephane_branly]

Vraiment bien expliqué
Super ces tutos! 👌

[shutaz.t]

Salut Cédric,
Cette variable JS s'applique sur toutes les class CARD dans un container ?
Merci de ton retour.

[dryzzzel]

Bonjour, je travaille sur un projet réactif (je suis débutant) et je ne comprends pas ou il faut que je mette les 3 lignes de code en Js. QQUN peut m’aider svp

[dossantossteven]

Bonsoir, ta vidéo est vraiment bien 👍. J’avais une question : Est-ce que c’est possible de faire un flip cars avec 2 cards qui aurait la même largeur mais pas la même hauteur ?

[lennycaster]

Salut escuse moi de te derange c'est quoi la couleur de ton backgroud car je trouve tes couleur trop belle en generale .peut etre une video sur comment bien choisir ses couleur ou une astuce ou tu presente les tiennes

[glow]

Salut ! Petite question, comment on peut trouver les images des cartes ?

[fosco]

Hey comment tu fais pour avoir la liste de tes derniers copiers coller ?
Sinon superbe vidéo

[benjaminpernot]

Bonjour. Super tutoriel. Cependant j'ai un petit problème, au lieu que le flip me mette la deuxième image il me retourne juste la première image et la deuxième image est alors inexistante. Comment puis-je résoudre le problème ? Merci d'avance :)

[yanisdelpy]

salut, merci pour la vidéo, tu les a trouvées ou les images de la carte stp ? merci

[meditation]

Tu peux faire une vidéo sur la mise à jour de données d'un tableau de bord utilisateur stp sa serait génial.