Glisser une image de gauche à droite

Résolu

chamoismignon Messages postés 123 Date d'inscription Statut Membre Dernière intervention -
chamoismignon Messages postés 123 Date d'inscription Statut Membre Dernière intervention - 24 janv. 2025 à 01:20

Bonsoir,

Je souhaiterais animer une image avec le code ci-dessous, mais celui-ci montre une erreur CSS sur mon fichier.

	/* définition de l'animation utilisée ci dessus, on change la position du background de 0 à 100px. Cela correspond à la largeur de l'image utilisée dans cet exemple */
	@keyframes musetteAnimation
	{
		from
		{
			background-position-x: 2048px;
		}

		to
		{
			background-position-x: 0px;
		}
	}

Existe-t-il une alternative ?

Merci beaucoup et bonne soirée ;)

Afficher la suite

2 réponses

mamiemando Messages postés 33228 Date d'inscription Statut Modérateur Dernière intervention 7 944

Bonjour

As-tu essayé de faire marcher (et si oui, de repartir) de cet exemple ?

<html>
<head>
<style>
p {
  animation-duration: 25s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
  75% {
    font-size: 300%;
    margin-left: 25%;
    width: 150%;
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
</style>
</head>
<body>
<p>
  Le Chat grimaça en apercevant Alice. Elle trouva qu’il avait l’air bon enfant,
  et cependant il avait de très longues griffes et une grande rangée de dents ;
  aussi comprit-elle qu’il fallait le traiter avec respect.
</p>
</body>
</html>

Bonne chance

Réponse 2 / 2
chamoismignon Messages postés 123 Date d'inscription Statut Membre Dernière intervention 6

Merci mamiemando :) Top !!!

Merci Merci beaucoup beaucoup !
1

Glisser une image de gauche à droite

2 réponses

Discussions similaires

Newsletters