CSS3越野車懸停/過渡效果

Question

我將鼠標懸停在網站上的鏈接上時遇到問題。 注意：我在黑色背景上使用白色字體。 我有幾個鏈接-只是典型的

<a href="link.com" target="_blank" class="ext_link">Click here</a>

我的CSS：

.ext_link {transition:0.5s; -webkit-transition:0.5s;}
.ext_link:hover {color:rgba(125, 249, 255, 1); opacity:0.75;}

當我將鼠標懸停在這些鏈接之一上時，動畫會大塊地出現在晚餐上-看起來該鏈接開始變灰一秒鍾，然后突然變成了藍色而沒有任何過渡。 然后，當我取下鼠標時，該過程將反向進行。 鏈接突然變成灰色，然后變回原來的白色。

這是一個新錯誤，直到兩天前我的網站都可以正常工作。 另請注意，此錯誤僅在我的計算機上發生。 當我在其他任何人的計算機上訪問我的網站時，動畫運行正常。

我嘗試清除緩存，重新啟動瀏覽器等。

Answer 1

我認為現在可以：
檢查此[LINK]
我在這里沒有發現任何問題，但是有時為了加快過渡速度，您可以添加transform: translateZ(0)向元素添加帶有vertender的transform: translateZ(0) 。

body {
    background: black;
}
.ext_link {
    font-size: 5em;
    color: white;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ext_link:hover {
    color:rgba(125, 249, 255, .75);         
}