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