article(s) dans votre panier VOIR

Présenter des images avec un flip card

  • Vidéo 23 sur 32
  • 4h15 de formation
  • 32 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Un flip card
00:00 / 06:57
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tutoriel, vous allez découvrir comment réaliser une carte qui tourne, plus habituellement appelée « flip card ». Pour ce faire, Thierry Audroux va dans ce tuto utiliser des CSS 3D relativement avancée de la perspective et de la transformation. Au niveau de la structure HTML, on remarque un bloc « carte », avec à l'intérieur deux autres classes : une 'div' « front » et une 'div' « back »puisqu'une carte comporte deux faces. Pour revenir aux CSS, un certain nombre de nouveaux styles sont réalisés dans cette vidéo. Le formateur a d'ores et déjà réalisé l'ossature pour vous éviter une trop longue manipulation. Thierry Audroux commence ici par ajouter une nouvelle propriété dans le CSS, juste en dessous du « .blocCarte », nommée « webkit-perspective ».