Как использовать CSS переход на мобильном устройстве (In Ionic DevApp)

Я пытаюсь сделать плавную анимацию, чтобы, когда пользователь нажимает значок, кнопка становилась меньше и немного темнее. Это хорошо работает в браузере (Firefox 65.0), но в Ionic DevApp (v 1.0.4) нет перехода, когда я использую его на своем мобильном устройстве (Android 7.0).

Вот код, который я использую:

ion-icon {
   font-size: 3.25rem;
   transition-timing-function: ease-out;
   transition: font-size 0.1s;
   cursor: pointer;
}

ion-icon:active {
   font-size: 2.875rem;
}
<ion-icon [src]="iconPath"></ion-icon>

Таким образом, активное состояние работает нормально, но нет перехода, независимо от того, как долго я установил продолжительность перехода

Я был бы очень рад, если бы вы опубликовали некоторые идеи или возможные решения:)

Источник

0 ответов

Другие вопросы по тегам