I've programmed this keyframe here:
#wrapper {
display: flex;
justify-content: center;
}
#wrapper div {
-webkit-animation: slideLeft 4s;
animation: slideLeft 4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes slideLeft {
from {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
to {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}<div id="wrapper"><div>Test</div></div>As you can see it works but not in Safari or iPhone (Chrome, Safari Mobile). Does anyone has an idea why? I don't have this problem on Android devices...