Answer the question
In order to leave comments, you need to log in
Animation does not work on ios and mac, what should I do?
Hello, the animation does not work on ios and mac
, I tried everything, nothing helps ...
@-webkit-keyframes webkit-circle {
0% {
width: 400px;
height: 400px;
border-radius: 50%;
left: -220px;
top: -220px;
opacity: 0;
border: 20px solid #000;
}
30% {
width: 400px;
height: 400px;
border-radius: 50%;
left: -220px;
top: -220px;
opacity: 0;
border: 20px solid #000;
}
50% {
width: 250px;
height: 250px;
border-radius: 50%;
left: -138px;
top: -138px;
opacity: 1;
border: 13px solid #000;
}
75% {
width: 250px;
height: 250px;
border-radius: 50%;
left: -138px;
top: -138px;
opacity: 1;
border: 13px solid #000;
}
100% {
width: 550px;
height: 550px;
border-radius: 50%;
left: -305px;
top: -305px;
opacity: 0;
border: 30px solid #000;
}
}
.splash:after {
content: '';
position: absolute;
display: block;
-webkit-animation-name: webkit-circle;
-webkit-animation-duration: 15s;
-o-animation: o-circle 15s;
animation: circle 15s;
}
Answer the question
In order to leave comments, you need to log in
At least look at the CCS3 support table in browser versions) I can say that they abandoned it on Windows Safari and do not update it, it no longer supports Bootstrap 4 and I think a lot of css3 too, the update is only on MAC OS itself.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question