$ 9.00

Tuto Diaporama d'images en CSS sans programmation avec CSS

$ 9.00

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

Apprenez à concevoir un Diaporama sans programmation

Dans ce tuto en vidéo, je vous propose d'apprendre à réaliser un diaporama avec apparition des images en fondu.

La programmation de ce genre de diaporama est hyper complexe en JavaScript, voire en jQuery.
Je vous propose d'oublier JavaScript et jQuery et de développer ce diaporama sans aucune programmation.
De quoi alléger considérablement notre page web.

En réalité, pour réaliser ce fondu d'images, nous allons utiliser uniquement du CSS. Notre diaporama sera bien évidemment responsive, c'est à dire qu'il pourra s'afficher peu importe le terminal utilisé (smartphone, tablette, ordinateur).

A la fin du cours, vous pourrez passer un petit QCM pour valider vos connaissances acquises.
Si vous avez des questions, je reste disponible dans le salon d'entraide du tutoriel

Si vous souhaitez aller plus loin dans les connaissances de la technique que nous allons utiliser dans ce tuto, je mets à votre disposition un cours théorique dédiée à l'animation CSS.

Table des matières de cette formation CSS (durée : 34m38s)

    • Mise en place des bases du travail 00:04:45
    • Empilement des images 00:06:11
    • Mise en place de l'animation 00:03:59
    • Mise en place des règles de l'animation 00:05:40
    • Amélioration du style général de la page 00:04:06
    • Mise en place du responsive 00:06:05
    • Conclusion 00:01:11
    • Bonus 00:02:41



Formateur : Carl Brison

Carl Brison a publié 101 tutoriels et obtenu une note moyenne de 4,9/5 sur 6 614 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code du tuto
  • Bonjour, je voudrais être certaine que ce tuto est compatible avec tous les navigateurs (j'ai déjà réalisé un code qui fonctionne sous chrome et Mozilla mais qui n'apparait pas sous explorer et edge…)ainsi qu'être sûre qu'il s'agit bien d'un diaporama automatique, en vous remerciant, chloé Chloé
    Bonjour Chloé, merci pour votre message. Le code que je propose ici est un code CSS parfaitement valide et reconnu par la W3C. Tous les navigateurs récents reconnaissent ces codes CSS. Carl.
accédez à plus de 1155 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données