6,00

Tuto Animation du header sans programmation avec CSS

6,00

  • Une formation vidéo de 28m10s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Animation du header sans programmation

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce tuto vidéo, je vais vous montrer comment il est possible de réaliser une petite animation à l'intérieur d'un header en zoomant une image de fond, sans utiliser de langage de programmation tels que le JavaScript ou bien jQuery.

Si vous êtes allergique à la programmation, alors ça tombe plutôt bien ! Ici, nous allons apprendre à réaliser une animation sur bouton de navigation uniquement avec du code CSS.

Je mets à votre disposition, l'ensemble des codes de ce tutoriel. Et je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 

Bon tuto ! 
 

Table des matières de cette formation CSS (durée : 28m10s)

    • Mise en place du code HTML 00:03:56
    • Mise en place du code CSS 1/2 00:08:47
    • Mise en place du code CSS 2/2 00:09:54
    • Mise en place du fonctionnement de l'animation 00:04:13
    • Conclusion 00:01:20



Formateur : Carl Brison

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

5,0
note moyenne

11
avis laissés
5 étoiles
11
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de devfront_45 laissé le 07/09/2023
    Merci Carl, vraiment agréable cette animation sur fond opacity, je le garde précieusement pour des prochains projets. Très bien expliqué. Validé 100% animation_header
    "Merci beaucoup pour votre commentaire très gentil "

  • 5
    avis de apprenti-sorcier laissé le 10/01/2023
    UnSuperGrandMERCI: "infinite";

  • 5
    avis de emerson21 laissé le 25/05/2022
    Merci pour ce tuto. J'ai commencé un nouveau projet, avec une vidéo intégrée au header. Je viens de la remplacer avec une image, gain de poids de plusieurs méga. En tout cas vos tutos sont toujours claires et bien expliqués. Joli Travail.
    "Merci beaucoup. Votre commentaire me fait vraiment plaisir ;-)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Que contient le fichier source ?
    Les codes du tuto
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1449 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données