點擊項目前的閃爍

Question

我有一個寶盒（當點擊時顯示一個fancybox，然後調用數據庫中的表格Learner_Treasure）。

用戶選擇一個寶藏，該treausre存儲在Learner_Treasure表中，並顯示在寶藏箱中。

但是當物品存入寶箱時沒有任何形式的反饋（所以用戶永遠不知道什麼時候寶箱內容發生變化）。

我想要做的就是在有新物品時讓它閃爍，直到用戶按下打開fancybox。

任何人都知道如何做到這一點？任何類似的例子都有幫助。

Answer 1

我認爲this SO answer是你想要的。

定義CSS這樣

@keyframes blink { 
    0% { 
     opacity: 1; 
    } 
    50% { 
     opacity: 0; 
    } 
    100% { 
     opacity: 1; 
    } 
} 
.treasure-blink { 
    animation: blink 1s; 
    animation-iteration-count: infinite; 
} 

，並將其應用時，它是適用與jQuery這樣

$("your-selector").addClass("treasure-blink")