我該如何添加：沒有動畫的jquery停止工作？

-2

但是，如果我有這樣的：

.linguait:hover{ 
    border: 3px solid #888888;; 
    -webkit-transition: border 500ms linear; 
    -moz-transition: border 500ms linear; 
    -o-transition: border 500ms linear; 
    -ms-transition: border 500ms linear; 
    transition: border 500ms linear;  
} 
.linguait:hover > .it{ 
    color: #888888; 
    -webkit-transition: color 500ms linear; 
    -moz-transition: color 500ms linear; 
    -o-transition: color 500ms linear; 
    -ms-transition: color 500ms linear; 
    transition: color 500ms linear; 
}

它不工作了：

https://jsfiddle.net/9du21gtn/1/

我該怎麼辦？

來源

2016-01-20 Niccolò Guidi

*尋求幫助調試（「？爲什麼不是這個代碼工作」）問題必須包括所期望的行爲，**特定的問題或錯誤**以及在問題本身**中重現它所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱：如何創建[mcve]。*請[編輯]您的問題以將代碼包含在第二個小提琴中（可以是可運行的或只是格式化的代碼）以及對不工作的具體描述。 – BSMP

嗨，嘗試更具體，以便我們或任何其他人可以幫助您 – jsanchezs

*「它不再工作」*不是一個適當的問題描述。解釋你期望它做什麼和沒有按照預期做什麼 – charlietfl

因爲您正在覆蓋懸停類中的過渡屬性。這是工作代碼：

.linguait{ 
 
    position: absolute; 
 
    border-radius: 50%; 
 
    width: 40px; 
 
    height: 40px; 
 
    border: 3px solid #c8c8c8; 
 
    top:50%; 
 
    margin-top: -20px; 
 
    right: 5%; 
 
    margin-right: -2px; 
 
    -webkit-transition: border 500ms linear; 
 
    -moz-transition: border 500ms linear; 
 
    -o-transition: border 500ms linear; 
 
    -ms-transition: border 500ms linear; 
 
    transition: border 500ms linear; 
 
    -webkit-transition: border 500ms, right 2s, margin-right 2s, -webkit-transform 2s; 
 
    transition: border 500ms, right 2s, margin-right 2s, transform 2s; 
 
} 
 

 
.linguait.active{ 
 
    right:25%; 
 
    margin-right: -10px; 
 
    -webkit-transform: rotate(360deg); 
 
    transform: rotate(360deg); 
 
    -webkit-transition: right 2s, margin-right 2s, -webkit-transform 2s; 
 
    transition: right 2s, margin-right 2s, transform 2s; 
 
} 
 

 
.it{ 
 
    position: relative; 
 
    font-family: 'Signika', sans-serif; 
 
    font-size: 20px; 
 
    color: #c8c8c8; 
 
    top: 7.5px; 
 
    -webkit-transition: color 500ms linear; 
 
    -moz-transition: color 500ms linear; 
 
    -o-transition: color 500ms linear; 
 
    -ms-transition: color 500ms linear; 
 
    transition: color 500ms linear; 
 
} 
 

 
.linguait:hover{ 
 
    border: 3px solid #888888;; 
 
} 
 
.linguait:hover > .it{ 
 
    color: #888888; 
 
}

來源

2016-01-20 19:39:16 abeyaz

完美，非常感謝你！ –

我該如何添加：沒有動畫的jquery停止工作？

回答

相關問題