用於懸停動畫的IE回退

Question

我正試圖將Internet Explorer中的回退放在一個元素上。

在Chrome中，元素pops和外觀整潔，但不是在IE :(

目前有一種時間延遲出現的背景顏色之前。

我猜-webkit-animation-name是我的問題的根源。

http://jsfiddle.net/8j249sre/

<div class="effects"> 
    <a class="hvr-pop" href="#">Pop</a> 
</div> 


/* Pop */ 
@-webkit-keyframes hvr-pop { 
    50% { 
    -webkit-transform: scale(1.2); 
    transform: scale(1.2); 
    } 
} 

@keyframes hvr-pop { 
    50% { 
    -webkit-transform: scale(1.2); 
    transform: scale(1.2); 
    } 
} 

.hvr-pop { 
    display: inline-block; 
    vertical-align: middle; 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0); 
    box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden; 
    -moz-osx-font-smoothing: grayscale; 
} 
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { 
    -webkit-animation-name: hvr-pop; 
    animation-name: hvr-pop; 
    -webkit-animation-duration: 0.3s; 
    animation-duration: 0.3s; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
    -webkit-animation-iteration-count: 1; 
    animation-iteration-count: 1; 
} 

Answer 1

添加此我.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {甲階酚醛粘彈性阻尼器我的問題:-)

-ms-animation-name:none;