Créer une Flip Card avec une vidéo uniquement en CSS

Dans ce tuto CSS en vidéo, nous allons découvrir ensemble comment créer une Flip Card grâce à la puissance du CSS.
Nous aurons d'un côté l'image fixe, et lorsque nous passerons la souris dessus celle-ci va tourner avec un effet 3D pour dévoiler la vidéo qui se cache derrière et qui se lancera automatiquement.

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.

Si vous souhaitez découvrir d'autres astuces CSS, je vous conseille mon Bundle regroupant 10 astuces & exercices pour vous perfectionner.
Les fichiers sources sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !