$ 2.00

Tuto Fiche produit 3D interactive avec CSS

$ 2.00

  • Une formation vidéo de 29m39s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto CSS3 en vidéo, nous verrons comment réaliser un cube 3D en CSS3 avec des images représentant des produits Apple.

Ensuite, nous verrons comment réaliser avec Jquery un effet de rotation lorsque l'utilisateur cliquera sur des boutons pour faire pivoter le cube sur la droite ou sur la gauche et ainsi avoir le produit qu'il souhaite en face de lui à l'écran.

Pour finir, nous verrons comment faire en sorte d'afficher les informations d'un produit que l'on ira récupérer en base de données pour les afficher au visiteur lorsque qu'il cliquera sur un produit. Cette récupération d'informations et l'affichage de celles-ci sera fait en AJAX, c'est à dire sans rechargement de la page dans le navigateur. Pour cela nous utiliserons PHP, MySQL, Jquery et le format de données JSON pour transmettre les données du serveur au client (du PHP au Javascript).

A noter que l'effet de 3D présenté dans le tutoriel ne fonctionnera que sur Google Chrome et Safari.
Bon tuto!


Formateur : Fabien Le corre

Fabien Le corre a publié 185 tutoriels et obtenu une note moyenne de 4,4/5 sur 12 876 tutoriels vendus. Voir les autres formations de Fabien Le corre

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de redouane711 laissé le 01/07/2016
    On apprend vraiment rapidement avec ce formateur qui va droit au but. La technique est applicable à beaucoup de cas de figures, que vous fassiez un site orienté vitrine ou e-commerce. C'est dommage pour le son, le micro est manifestement posé sur le bureau, juste à côté du clavier, c'est pas terrible si vous avez un gros caisson de basses. Mais, là encore, le prix et la qualité du tuto vous feront passer outre ces petites imperfections. Sinon, bon tuto, et formateur au top. A recommander. Merci.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement