M
M
mur4ik182019-01-26 20:50:45
css
mur4ik18, 2019-01-26 20:50:45

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;
}

Works everywhere except safari
mur4ik18.github.io/work1

Answer the question

In order to leave comments, you need to log in

1 answer(s)
S
Sergey Karvasarny, 2019-07-03
@megapihar6

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 question

Ask a Question

731 491 924 answers to any question