Flip Animation не работает в iOS - Sencha touch - PullRequest
Новая
       21

Flip Animation не работает в iOS - Sencha touch

0 голосов
/ 26 октября 2018

Я использую css для анимации флип. Флип отлично работает в Android. Но в iOS - задняя часть контейнера не видна. Это происходит только в устройстве iOS 

#divMastId {
    position: relative;
    z-index: 1;
  }
  .cmFlpCont {
    perspective: 1000;
}
.cmCadLayt{
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
     transition: transform 0.6s;
    -webkit-transition:transform 0.6s;
}
.cmFlpCont:hover .cmCadLayt{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.front,
.back {
  backface-visibility: hidden;
  position: absolute;
  -webkit-backface-visibility: hidden;
}

 .cmSpinFrontFace{
    display:-webkit-flex;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
     transition: transform 0.6s;
    -webkit-transition:transform 0.6s;
 }

 .cmSpinBackFace{
    display:-webkit-flex;
    transform: rotateX(0deg);
    -webkit-transform:rotateX(0deg);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
     transition: transform 0.6s;
    -webkit-transition:transform 0.6s;
 }

-webkit-backface-visibility: скрыто; не работает в iOS. Пожалуйста, сообщите мне, если кто-нибудь по этому вопросу.

...