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

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

0 голосов
/ 12 февраля 2019

Я пытаюсь сделать плавную анимацию, чтобы, когда пользователь нажимает значок, кнопка становилась меньше и немного темнее.Это хорошо работает в браузере (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>

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

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

...