CSS：エッジ/アニメーションを削除する

Question

驚くべきことではありませんが、驚くべきことに、スケール効果はmsエッジブラウザではひどく見えます。これをすべて無効にする方法はありますか？

.jumbotron__bg { 
-webkit-animation-name: animateBg; 
animation-name: animateBg; 
-ms-animation-name: none; 

animation-duration: 18000ms; 
animation-fill-mode: both; 

animation-timing-function: cubic-bezier(.3,0,.7,1); 
animation-iteration-count: 1; 
} 


@keyframes animateBg { 
    from { 
    transform: scale(1.05, 1.05); 
    -ms-transform: scale(1,1); 
} 

to { 
transform: scale(1, 1); 
-ms-transform: scale(1,1); 
} 
} 

（つまりはokです、エッジには使用できません）

Answer 1

あなただけのサポートエッジプロパティで@supportsを使用することができます。

@supports (-ms-ime-align: auto) { 
    .jumbotron__bg { 
     animation-name: none; 
    } 
} 

〜か〜

@supports (-ms-accelerator:true) { 
    .jumbotron__bg { 
     animation-name: none; 
    } 
}