css animate的@keyframes 可以改變dislplay屬性否？

css3 animation @keyframes

rosef35 2023-07-17 08:47:34 ‧ 668 瀏覽

分享至

末學有兩個提問，百思不得其解法，還請高手幫忙，謝謝

範例：https://jsfiddle.net/uL3fktrh/

提問1. 把css中#a的display:none啟用後，animate就失效了

提問2. 想在每次移進.bt時候重啟animate，於是寫下方語法移除再重加載但卻不再animate

$(".bt").mouseenter(function() {
  $("#a").removeClass("cd-fade-in");
  $("#a").addClass("cd-fade-in");
});

froce iT邦大師 1 級 ‧ 2023-07-17 09:37:55 檢舉

1. 你對#a都直接不顯示了，怎麼會啟動動畫?

2. https://css-tricks.com/restart-css-animation/
請參照第二個方法。把 element.offsetWidth 清掉。
以你的code，在removeClass那行下面加一行
void $("#a")[0].offsetWidth
就好。

登入發表討論