Glisser une image de gauche à droite

Résolu
chamoismignon Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   -  
chamoismignon Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   -

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 ;)

2 réponses

Réponse 1 / 2
mamiemando Messages postés 33766 Date d'inscription   Statut Modérateur Dernière intervention   7 878
 

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
1
Réponse 2 / 2
chamoismignon Messages postés 70 Date d'inscription   Statut Membre Dernière intervention   4
 

Merci mamiemando :) Top !!!

Merci Merci beaucoup beaucoup ! 
1

Discussions similaires

problème de pixel
bernie33260 -
contrariness -

14 réponses
PIX
plart -
jordane45 -

1 réponse
Décrocher sans glisser
soeusoeur -
Jeanpierreisbg -

15 réponses
Retrouver l'image originale après avoir fait des modifications ?
Raven -
Asta972155 -

10 réponses
Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses