Créons ensemble un Flipbook pour une carte de restaurant ! Il sera réalisé en HTML, CSS, et Javascript, et utilisera la bibliothèque StPageFlip.js.

Dans la première version, les contenus affichés seront du HTML, et dans la seconde, ce seront des images (qu’il vous faudra ajouter).

La librairie StPageFlip.js est disponible ici  et le CDN à inclure (seulement le JS) est disponible ici.

Dans cet exemple le rendu est bien meilleur en écran large, mais il est possible d’améliorer le CSS pour que le HTML s’affiche bien aussi pour les mobiles.

Consultez cette vidéo pour tous les détails :