我有一個CSS3動畫,需要單擊才能重新啟動。這是一個顯示剩余時間的條形圖。我正在使用scaleY(0)轉換來創建效果?,F在,我需要通過將條恢復到scaleY(1)并重新將其轉到scaleY(0)來重新啟動動畫。我第一次嘗試設置scaleY(1)失敗,因為要花費相同的15秒時間才能將其恢復為完整長度。即使我將持續時間更改為0.1秒,我也需要延遲或鏈接scaleY(0)的分配,以使補充條完成。對于這么簡單的任務,感覺太復雜了。我還發現了一個有趣的技巧,可以通過從文檔中刪除元素,然后重新插入其克隆來重新啟動動畫:http : //css-tricks.com/restart-css-animation/它可以工作,但是有更好的方法重新啟動CSS動畫嗎?我正在使用Prototype和Move.js,但我不僅限于它們。
重新啟動CSS3中的動畫:是否有比刪除元素更好的方法?
喵喔喔
2019-09-24 16:37:13