翻转动画在iOS中不起作用-Sencha touch

Question

我正在使用CSS进行翻转动画。 Flip在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中不起作用。如果有任何问题，请告诉我。