Question

我有一个宝盒（点击时会显示一个图像，后者会调用数据库Learner_Treasure中的表格。）

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

然而，当物品存放在宝箱中时，没有任何形式的反馈（因此用户永远不知道宝箱的内容何时发生变化）。

我想做的是在有新项目时让它闪烁，直到用户按下打开花式框。

任何人都知道如何做到这一点？任何类似的例子都有帮助。

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")

单击项目前闪烁

1 个答案: