body{
/*display: flex;*/
justify-content: center;
align-items: center;
}
.images {
display: flex;
animation: 15s linear;
animation-name: mesImages;
animation-iteration-count: infinite;
}
img{
padding: 0 20px;
}
#caroussel{
width: 1200px;
height: 150px;
overflow: hidden;
}
@keyframes mesImages {
0% {transform: translateX(0);
}
4.17% {transform: translateX(-145.83px);
}
8.34% {transform: translateX(-291.66px);
}
12.51% {transform: translateX(-437.49px);
}
16.68%{transform: translateX(-583.32px);
}
20.85% {transform: translateX(-729.15px);
}
25.02% {transform: translateX(-874.98px);
}
29.19% {transform: translateX(-1020.81px);
}
33.36% {transform: translateX(-1166.64px);
}
37.53% {transform: translateX(-1312.47px);
}
41.7% {transform: translateX(-1458.3px);
}
45.87% {transform: translateX(-1604.13px);
}
50.04% {transform: translateX(-1750px);
}
54.21% {transform: translateX(-1604.13px);
}
58.38% {transform: translateX(-1458.3px);
}
62.55% {transform: translateX(-1312.47px);
}
66.72% {transform: translateX(-1166.64px);
}
70.89% {transform: translateX(-1020.81px);
}
75.06% {transform: translateX(-874.98px);
}
79.23% {transform: translateX(-729.15px);
}
83.4% {transform: translateX(-583.32px);
}
87.57% {transform: translateX(-437.49px);
}
91.74% {transform: translateX(-291.66px);
}
95.91% {transform: translateX(-145.83px);
}
100% {transform: translateX(0);
}
Une suggestion ? Un avis ?