Css 使用Angular 1.3.15在Safari/Moz中显示动画闪烁

我正在开发一个Angular 1.3.15应用程序，它有一个从右向左滑动的面板。动画在除Safari和Mozilla之外的所有浏览器上都可以工作，面板在屏幕上闪烁，然后动画开始工作。这是面板的快速毫秒显示（似乎有正确的动画），然后正确的动画开始，面板滑入。在Safari上，有些ng show活动会闪烁，有些则不会闪烁——刷新时，这些事件永远不会相同。Moz在所有ng show事件上都是一致的闪烁。下面是我正在使用的CSS。提前谢谢

    /* Show */
    &.ng-hide-remove.ng-hide-remove-active {

    -webkit-animation: 175ms slideInRight; 
    animation: 175ms slideInRight; 
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); 
    -moz-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); 
    -o-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); 
    transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205);     /* custom */  

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;    
    visibility: hidden !important;
    z-index: 1;

  }

  /* Hide */
  &.ng-hide-add.ng-hide-add-active {
    -webkit-animation: 175ms slideOutRight; 
    animation: 175ms slideOutRight; 

    -webkit-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); 
    -moz-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); 
    -o-transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); 
    transition-timing-function: cubic-bezier(0.865, 0.395, 0.750, 1.205); /* custom */ 
    visibility: visible !important;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
  }

/* ********************************************
SLIDE IN LEFT TO RIGHT
******************************************** */
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

---

看起来这个行为是Angular 1.3和Safari/Moz之间的一个bug。我已经能够最小化它，但它有时仍然会发生。有什么解决办法吗？