$ 5.00

Tuto Créer un background animé avec les keyframes en CSS 3 avec CSS

$ 5.00

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

Dans ce tuto vidéo, je vous propose d'apprendre à réaliser un background animé en CSS3, à l'aide d'images et d'animations avec les keyframes CSS.

Au cours de ce tuto background animé et keyframes CSS nous verrons :

  • comment choisir les illustrations et comment les enregistrées pour les utiliser dans la création du background (choix de la taille, format, et optimisation de leur poids sur Illustrator et Photoshop)
  • l'utilisation d'un pattern pour répéter la même image autant de fois que nécessaire
  • l'utilisation des keyframes et de leur syntaxe

Qu'ils soient purement décoratifs, ou qu'ils permettent de mettre en avant un produit, ou un service, les background animés peuvent se révéler être un choix intéressant et original, car peu courant sur le Web. 

À l'issu de ce tuto, vous serez en mesure de créer vos propres background animé, à l'aide de vos propres illustrations.
L'animation du background fonctionnera aussi bien sur tablette que sur mobile.
Je reste disponible en cas de besoin, dans la section entraide.

Table des matières de cette formation CSS (durée : 41m)

    • Préparation des images 00:15:07
    • Intégration du header 00:12:52
    • Animation avec les keyframes 00:07:55
    • Responsive et compatibilité 00:05:06



Formateur : Sébastien Imbert

Sébastien Imbert a publié 23 tutoriels et obtenu une note moyenne de 4,9/5 sur 6 372 tutoriels vendus. Voir les autres formations de Sébastien Imbert

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-6759-7008 laissé le 15/06/2019
    Très clairement expliqué. Bon rythme

  • 5
    avis de membre-7127-4224 laissé le 01/03/2019
    J'aime toujours autant les tutos de Sébastien... clair, précis et avec des exemples vraiment sympas ! Et ce petit background est top et facile à réaliser pour un effet très sympa:)

  • 5
    avis de komarianne laissé le 27/05/2018
    Toujours aussi clair et précis. Au risque de me répéter Sébastien est un excellent formateur, très pédagogue. Hautement recommandé !

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


non, je ne veux pas me former gratuitement

voir notre politique de protection des données