Tuto css transition de bannière.

[Bixizz |]

Salut, donc dans ce tuto on va apprendre à faire une transition de bannière grâce à css.
Introduction:
-Télécharger le pack avec les bannières

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

-Virus total

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

-niveau débutant
-Aperçu du résultat

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Le code html:

Il faudra juste créer un div avec la classe banner
(<div class="banner"></div>)

Le code css:

.banner {
background-image: url(où vous avez mis l'image red);
background-position: left;
witdh: 100%;
height: 200px;
transition: 2s;
}

.banner:hover {
background-image: url(où vous avez mis l'image bleu);
background-position: right;
}

Voilà le tuto est déjà finit pensez bien à mettre l'extension des fichiers dans bg-image (images/blue.png).



​

 

[Twuxy GTP]

Hello,

fait + basique comme tutoriel

 

[Bixizz |]

Merci