在单击项目之前闪烁

Question

我有一个宝藏盒(点击后的图像显示一个fancybox，它在数据库Learner_Treasure中调用一个表)。

用户选择一个宝藏，这个treausre存储在Learner_Treasure表中，并显示在宝藏框中。

但是，当一个项目被存储到宝藏盒中时，没有任何形式的反馈(因此用户永远不知道当is在他们的宝藏盒中的内容发生变化时)。

我想做的是让它闪烁时，有一个新的项目，直到用户按下打开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")