Hello,
I have an Iphone XS with iOS 16.6 and I'm developing a website using NextJs (13) and React (18) where I have a sliding text from right to left. I can see it everywhere but on my iPhone, this is the code
.slider-container {
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
position: absolute;
height: 200px;
}
.slider-container span {
display: inline-block;
padding-left: 100%;
animation-name: slideLeft;
animation-duration: 36s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: slideLeft;
-webkit-animation-duration: 36s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.slider-container-2 span {
animation-delay: 18s;
-webkit-animation-delay: 18s;
}
@keyframes slideLeft {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
}
100% {
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
}
``` can you help me?