懸停效果看起來越野車（微軟邊緣）

Question

我有一個問題，在這個邊緣懸停效果看起來真的不好:(

微軟邊緣：
Link Hover GIF (imgur)

谷歌瀏覽器：
Link Hover GIF (imgur)

在Google Chrome中它l ooks很好，但只要我嘗試Microsoft Edge，它看起來很糟糕。有沒有辦法解決它？

代碼：
HTML

<div class="event--event__mod"> 
<a class="event--event__mod__item" href="censored"> 
<div class="event--mod__title">Problem Title</div> 
<div class="event--mod__date">Date</div>    
<div class="event--mod__price">105,00&€</div></a></div 

CSS

.mod-ohanah--events { 
    margin-left: -30px; 
} 
.mod-ohanah--events:after { 
    content: ''; 
    width: 100%; 
    height: 0; 
    clear: both; 
    display: block; 
} 
.mod-ohanah--events .event--event__mod { 
    float: left; 
    padding-left: 30px; 
    width: 100%; 
    box-sizing: border-box; 
    margin-bottom: 35px; 
} 
@media screen and (min-width:640px){ 
    .mod-ohanah--events .event--event__mod { 
    width: 50%; 
    } 
} 
@media screen and (min-width:1000px){ 
    .mod-ohanah--events .event--event__mod { 
    width: 33.333333333%; 
    } 
} 
.uk-panel-space .mod-ohanah--events .event--event__mod { 
    width: 100%; 
} 

.mod-ohanah--events .event--event__mod__item { 
    background: #FFF; 
    display: block; 
    color: #000; 
    padding: 40px 35px 30px; 
    height: 260px; 
    box-sizing: border-box; 
    position: relative; 
} 
.uk-panel-space .mod-ohanah--events .event--event__mod__item { 
    height: 260px; 
} 
.mod-ohanah--events .event--event__mod__item:focus { 
    outline: none; 
    text-decoration: none; 
} 
.mod-ohanah--events .event--event__mod__item:hover { 
    background: #f14a70; 
    color: #FFF; 
    text-decoration: none; 
} 

.mod-ohanah--events .event--event__mod__item .event--mod__title { 
    font-size: 20px; 
    color: #000; 
    font-weight: 200; 
    margin-bottom: 40px; 
    transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99); 
} 
@media screen and (min-width: 768px){ 
    .mod-ohanah--events .event--event__mod__item .event--mod__title { 
    font-size: 16px; 
    } 
} 
@media screen and (min-width:1000px){ 
    .mod-ohanah--events .event--event__mod__item .event--mod__title { 
    font-size: 20px; 
    } 
} 
@media screen and (min-width:1220px){ 
    .mod-ohanah--events .event--event__mod__item .event--mod__title { 
    font-size: 24px; 
    } 
} 

.uk-panel-space .mod-ohanah--events .event--event__mod__item .event--mod__title { 
    margin-bottom: 15px; 
} 
.mod-ohanah--events .event--event__mod__item:hover .event--mod__title { 
    color: #FFF; 
} 

.mod-ohanah--events .event--event__mod__item .event--mod__date { 
    margin-bottom: 40px; 
    font-size: 14px; 
} 

.mod-ohanah--events .event--mod__price { 
    line-height: 38px; 
    padding: 0 18px; 
    background: #f4f4f4; 
    box-sizing: border-box; 
    border: 1px solid transparent; 
    font-size: 14px; 
    font-weight: bold; 
    color: #797979; 
    position: absolute; 
    bottom: 30px; 
    left: 35px; 
    transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99) !important; 
} 
.mod-ohanah--events .event--event__mod__item:hover .event--mod__price { 
    background: transparent; 
    border: 1px solid #FFF; 
    color: #FFF; 
} 

Answer 1

這個問題得到了固定與新創秋季代替更新每個屬性。

Answer 2

也許你應該嘗試加入

transition: background 0.667s cubic-bezier(0.16, 1, 0.29, 0.99), color 0.667s cubic-bezier(0.16, 1, 0.29, 0.99); 

參考，需要加以轉變

在

transition: all 0.667s cubic-bezier(0.16, 1, 0.29, 0.99);