@VazgXa
HTML верстальщик / Frontend разработчик

Почему не работает анимация на ipone?

.mobile_phone_block_bg_anim{
position: absolute;
left: 50%;
top: 50%;
display: block;
width: 56px;
height: 56px;
opacity: 0;
background-color: rgb(213, 240, 253, .35);
z-index: 999;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: z_mob_phone_anim 3s linear infinite;
animation: z_mob_phone_anim 3s linear infinite;
}

@keyframes z_mob_phone_anim{
0%{
opacity: 1;
}
15%{
width: 90px;
height: 90px;
}
40%{
width: 90px;
height: 90px;
}
55%{
opacity: 1;
}
70%{
width: 140px;
height: 140px;
opacity: 0;
}
100%{
opacity: 0;
}
}
  • Вопрос задан
  • 334 просмотра
Решения вопроса 1
iDevArtem
@iDevArtem
Попробуй добавить еще один keyframes, но с префиксом -webkit-
@-webkit-keyframes z_mob_phone_anim {
    ...
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы