クレイジータイミング機能を備えたIE11 CSSアニメーション

Question

何らかの理由で、firefox/chrome/edgeで完璧に動作する私のサイトのすべてのアニメーションに、IE11のクレイジーなタイミングがあります。

それが意図だとアニメーション：http://sendvid.com/52jn0saf

IE11のアニメーション：http://sendvid.com/vt6mk9pm 私はアニメーションのタイミング機能を変更しようとしたが、私はアニメ・ディレイ0を追加してみましたが、何も働きません。

でのスクロールのアニメーション：また

.step__hidden{ 
    top: -100vh; 
} 

.step__active{ 
    animation: scrollIn 1s ease-in-out 0s; 
    top: 0; 
} 


@keyframes scrollIn{ 
    0%{ 
     transform: translateY(-100vh); 
    } 
    100%{ 
     transform: translateY(0); 
    } 
} 

、その他、正気のブラウザで同じようIE /エッジのdevのツールでアニメーションを検査するにも方法はありますか？

Answer 1

これは、変換のためのIEのベンダープレフィックスを逃しによりあなたにことがあります

@keyframes scrollIn{ 
    0%{ 
     -ms-transform: translateY(-100vh); 
     transform: translateY(-100vh); 
    } 
    100%{ 
     -ms-transform: translateY(-100vh); 
     transform: translateY(0); 
    } 
} 

あなたは