亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

重新啟動CSS3中的動畫:是否有比刪除元素更好的方法?

重新啟動CSS3中的動畫:是否有比刪除元素更好的方法?

喵喔喔 2019-09-24 16:37:13
我有一個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,但我不僅限于它們。
查看完整描述

3 回答

?
哈士奇WWW

TA貢獻1799條經驗 獲得超6個贊

如果你有一些類CSS3動畫,為exapmle .blink那么你可以removeClass一些元素和addClass這個元素想到的setTimeout與1個milisecond通過點擊。


  $("#element").click(function(){

     $(this).removeClass("blink");


     setTimeout(function(){

       $(this).addClass("blink);

    },1 ///it may be only 1 milisecond, it's enough

  });


查看完整回答
反對 回復 2019-09-24
  • 3 回答
  • 0 關注
  • 823 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號