Glisser une image de gauche à droite
Résolu
chamoismignon
Messages postés
80
Date d'inscription
Statut
Membre
Dernière intervention
-
chamoismignon Messages postés 80 Date d'inscription Statut Membre Dernière intervention -
chamoismignon Messages postés 80 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 ;)
A voir également:
- Glisser une image de gauche à droite
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Windows 11 barre des taches a gauche - Guide
- Légender une image - Guide
- Barre droite clavier ✓ - Forum Autres distributions Linux
- Image iso - Guide
2 réponses
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