Formation incluse dans l'abonnement Elephorm
Les objectifs de cette vidéo sont les suivants :
Découvrez comment réaliser une carte tournante ou flipkart en utilisant des CSS 3D avancées et des transformations.
Dans cette leçon, nous allons explorer la création d'une carte tournante en utilisant les technologies CSS 3D et jQuery. Nous commencerons par la structure du code HTML, comprenant un bloc carte avec deux faces: le recto et le verso. Ensuite, nous passerons aux styles CSS, où nous introduirons de nouvelles propriétés de transformation et de perspective comme Moz Perspective et WebKit transform. Nous allons également configurer les éléments front et back pour gérer la visibilité des faces arrière. Enfin, nous ajouterons une classe jQuery qui permettra de faire tourner la carte lorsque l'utilisateur clique dessus. Nous testerons différentes valeurs de perspective pour observer comment elles affectent la rotation de la carte.
