移動端:active,:hover無法很好觸發(fā)動畫的解決方案_html/css
來源：懂視網(wǎng)
責(zé)編：小采
時間：2020-11-27 16:03:05
移動端:active,:hover無法很好觸發(fā)動畫的解決方案_html/css
移動端:active,:hover無法很好觸發(fā)動畫的解決方案_html/css_WEB-ITnose:移動端:active,:hover無法很好觸發(fā)動畫的解決方案 1:問題環(huán)境: 用css3定義了一個動畫,使用:hover偽類調(diào)用動畫時在移動端不能很好的進(jìn)行動畫. 2:解決方案: 定義一個open類,滿足open類的情況下觸發(fā)動畫 使用js事件去控制動畫,當(dāng)滑動的時候加上open類,然后
導(dǎo)讀移動端:active,:hover無法很好觸發(fā)動畫的解決方案_html/css_WEB-ITnose:移動端:active,:hover無法很好觸發(fā)動畫的解決方案 1:問題環(huán)境: 用css3定義了一個動畫,使用:hover偽類調(diào)用動畫時在移動端不能很好的進(jìn)行動畫. 2:解決方案: 定義一個open類,滿足open類的情況下觸發(fā)動畫 使用js事件去控制動畫,當(dāng)滑動的時候加上open類,然后
移動端:active,:hover無法很好觸發(fā)動畫的解決方案
1:問題環(huán)境:
用css3定義了一個動畫,使用:hover偽類調(diào)用動畫時在移動端不能很好的進(jìn)行動畫.
2:解決方案:
定義一個open類,滿足open類的情況下觸發(fā)動畫
使用js事件去控制動畫,當(dāng)滑動的時候加上open類,然后延遲與動畫相同的時間移除open類
這樣就能很好的控制動畫了
3：附上demo
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
移動端:active,:hover無法很好觸發(fā)動畫的解決方案_html/css
移動端:active,:hover無法很好觸發(fā)動畫的解決方案_html/css_WEB-ITnose:移動端:active,:hover無法很好觸發(fā)動畫的解決方案 1:問題環(huán)境: 用css3定義了一個動畫,使用:hover偽類調(diào)用動畫時在移動端不能很好的進(jìn)行動畫. 2:解決方案: 定義一個open類,滿足open類的情況下觸發(fā)動畫 使用js事件去控制動畫,當(dāng)滑動的時候加上open類,然后
