La boîte rouge est apparue au milieu de son containter lorsque la page charge mobile puis de gauche à droite et réapparaître comme cette image:animation CSS3 déplace vers la gauche pour continuer à droite, puis passer de l'extérieur à gauche
Voici ce que je l'ai fait jusqu'à présent, mais il ne convient pas à l'idée ci-dessus:
.box{
-webkit-animation: left-to-right 10s infinite; /* Chrome, Safari, Opera */
animation: left-to-right 10s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes left-to-right {
100%{
left:-1000px
}
}
@keyframes left-to-right {
100%{
left:-1000px
}
}
page largeur est 1280px et la largeur de la boîte est 1000px.
Lequel voulez-vous continuer à déplacer de l'extérieur vers la gauche? Le carré ou le rectangle? – EddNewGate
un carré est une partie du rectangle qui est en dehors du contenu. Il n'y a qu'un seul objet en mouvement ici: le rectangle rouge – Lee
Avez-vous essayé votre code aussi pour voir comment cela fonctionne? Dans votre animation affichée en exemple, vous avez deux objets en mouvement: un rectangle de gauche à droite et un carré de droite à gauche. Avec votre code publié, votre animation ne bougera même pas comme dans votre exemple. – EddNewGate