D
D
dmitrysergeevich1982019-09-19 00:43:42
css
dmitrysergeevich198, 2019-09-19 00:43:42

Why doesn't animation work on mobile safari?

here is the code:

.example
{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 20px auto;
    background: #66127a;
    
    
    
}
.example:hover 
{
    animation-play-state: running;
    animation-duration: 3s;
    animation-name: ex;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    -webkit-animation-duration: 3s;
    -webkit-animation-name: ex;
    -webkit-animation-iteration-count: infinite;
}
@keyframes ex
{
0%  {
    -webkit-transform: rotate(0deg)
}
25% {
    
background: #3f656e;
-webkit-border-radius: 25px;
}
50% {
    
background: #3f656e;
-webkit-border-radius: 25px;
}
75% {
    
background: #3f656e;
-webkit-border-radius: 25px;
}
100% {
   
    -webkit-transform: rotate(360deg)
}
}

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Dmitry Khristoev, 2019-09-19
@Haoss

@webkit-keyframes???

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question